/*
Kit Name: Metro Vibes
Kit URI: http://pixelkit.com
Description: 100+ elements
Version: 1.0
Author: ThemeFuse
Author URI: http://themefuse.com
CSS STRUCTURE:
1. GENERAL TYPOGRAPHY
- Fonts
- Global Reset
- General Styles
- Clear Floats
- Typography
- Buttons
- Custom checkboxes, radios
- Ribbons
- Badges
- Rating Stars
2. PAGE ITEMS, WIDGETS
- Services
- Services Style 1
- Services Style 2, Services Style 3
- About Us Items
- Table Pricing
- Sidebar widgets
- Widget Categories
- Widget Latest Stories, Latest Comments
- Widget Tags
- Widget Flickr
- Widget Text
- Widget Calendar
- Widget Join Us
- Widget Twitter
- Full width widgets
- Widget Partners
- Widget Caption
- Widget Portfolio Filter
- Widget Question
- Post Items
- Post Item Labels
- Post Items Default Style
- Post Items Style 2
- Post Items Style 3
- Post Items Style 4
- Post Items Style 5
- Post Quotes
- Post Images
- Post Video, Post Audio
- Post Intro Text
- Popular Post Items
- Comments
- Forms
- Comment Form
- Contact Form
- Survey Form
- Payment Form
- Login Form
- Newsletter Form, Search Form
- Pagination
- Dividers
- Tabs
- Tabs Style 1
- Tabs Style 2
- Toggles
- Pull Quotes
- Info Boxes
- Filters
- Checkbox Filter, Radiobox Filter
- Filter Results
- Sliders
- Grid Gallery
- Main Slider
- Footers
- Footer Style 1
- Footer Style 2
3. INDEX PAGE
- Header (Kit Name)
- Main Menu
- User Menu
- Contact Form styled
- Login Form styled
- Search Form styled
- Progress Bars
- Scroll Bars
- Simple Message Field
- Avatar Placeholder
- Widget Profile
- Widget Trade
- Widget Social Buttons
- Widget Weather
- Widget Stats
- Image Slider
- Notifications
/*===================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*===================================================*/
/*-----------------------------------*/
/* Fonts */
/*-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800);
/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block}
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/
body {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color:#8e8071;
font-size:13px;
position:relative;
background: url(/images/bg.jpg) center top repeat;
background-size: 100% 100%;
}
::-moz-selection {
background: #aba98c;
color: #000;
text-shadow: none;
}
::selection {
background: #aba98c;
color: #333;
text-shadow: none;
}
a:hover,
a:focus {
color: #8D8569;
text-decoration: none;
}
a:active{background-color: transparent;}
input, textarea, input[type="submit"]:focus, div {
outline: 0 none;
font-family: 'Open Sans', sans-serif;
}
button, input, select, textarea {vertical-align: top; margin: 0;}
.alpha{margin-left:0 !important;}
.omega{margin-right:0 !important;}
.no-radius{
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
/*-----------------------------------*/
/* Clear Floats */
/*-----------------------------------*/
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
/*-----------------------------------*/
/* Typography */
/*-----------------------------------*/
h1, h2, h3, h4, h5, h6 {
color: #5c5146;
font-weight: 400;
letter-spacing: -1px;
line-height:1.2em;
margin-bottom:.8em;
}
h4, h5, h6{color: #e86741;}
h1{font-size:27px}
h2{font-size:24px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
em{font-style: italic;}
strong{font-weight: 700;}
small{font-size: 85%;}
i{
position: relative;
top: 0;
left: 0;
display: inline-block;
overflow: hidden;
text-decoration: none;
font-style: normal;
background-repeat: no-repeat;
margin-right: 15px;
}
p{
line-height: 19px;
margin-bottom: 16px;
}
.margin-10{margin-bottom:10px;}
.margin-20{margin-bottom:20px;}
.margin-30{margin-bottom:30px;}
.margin-40{margin-bottom:40px;}
.margin-50{margin-bottom:50px;}
/*-----------------------------------*/
/* Buttons */
/*-----------------------------------*/
/* foo classes */
.buttons-wrap{margin-bottom: 30px;}
.buttons-wrap .inner{padding: 49px 43px 27px;}
.buttons{margin-bottom:26px;}
.tabs_framed.styled .buttons{margin-bottom:14px;}
.buttons .btn{margin-right:10px; margin-bottom:10px;}
@media (min-width: 992px) and (max-width: 1199px){
.tabs_framed.styled .buttons .btn{margin-right:0;}
}
@media (max-width:479px){
.buttons-wrap .inner{padding: 26px 20px 5px;}
}
/* end foo classes */
.btn:hover, .btn:focus {
-webkit-transition: background-position .0s linear;
-moz-transition: background-position .0s linear;
-o-transition: background-position .0s linear;
transition: background-position .0s linear;
}
.btn:active, .btn.active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
background-color: transparent;
color:#fff;
}
.btn{
display:inline-block;
padding: 0;
border: 0 none;
}
.btn span,
.btn input{
display: block;
height: 45px;
line-height: 41px;
border: 1px solid #c44a28;
padding: 0 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 1px 2px 5px rgba(154,125,108,0.6);
-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 1px 2px 5px rgba(154,125,108,0.6);
box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 1px 2px 5px rgba(154,125,108,0.6);
font-size: 16px;
font-weight: 400;
color: #fff;
white-space: nowrap;
text-shadow:none;
background: rgb(233,106,70);
background: url();
background: -moz-linear-gradient(top, rgb(237,231,230) 0%, rgb(233,106,70) 2%, rgb(228,88,53) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,231,230)), color-stop(2%,rgb(233,106,70)), color-stop(100%,rgb(228,88,53)));
background: -webkit-linear-gradient(top, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%);
background: -o-linear-gradient(top, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%);
background: -ms-linear-gradient(top, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%);
background: linear-gradient(to bottom, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede7e6', endColorstr='#e45835',GradientType=0 );
}
.btn:hover span, .btn.hover span, .btn:focus span, .btn:hover input, .btn.hover input, .btn:focus input{
background: rgb(238,135,101);
background: url();
background: -moz-linear-gradient(top, rgb(237,231,230) 0%, rgb(238,135,101) 2%, rgb(228,88,53) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,231,230)), color-stop(2%,rgb(238,135,101)), color-stop(100%,rgb(228,88,53)));
background: -webkit-linear-gradient(top, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%);
background: -o-linear-gradient(top, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%);
background: -ms-linear-gradient(top, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%);
background: linear-gradient(to bottom, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede7e6', endColorstr='#e45835',GradientType=0 );
}
.btn.active span, .btn:active span, .btn.active input, .btn:active input{
-webkit-box-shadow: inset 0 1px 3px rgba(96,96,96,0.6);
-moz-box-shadow: inset 0 1px 3px rgba(96,96,96,0.6);
box-shadow: inset 0 1px 3px rgba(96,96,96,0.6);
background: rgb(228,88,53);
background: url();
background: -moz-linear-gradient(top, rgb(228,88,53) 0%, rgb(233,106,70) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(228,88,53)), color-stop(100%,rgb(233,106,70)));
background: -webkit-linear-gradient(top, rgb(228,88,53) 0%,rgb(233,106,70) 100%);
background: -o-linear-gradient(top, rgb(228,88,53) 0%,rgb(233,106,70) 100%);
background: -ms-linear-gradient(top, rgb(228,88,53) 0%,rgb(233,106,70) 100%);
background: linear-gradient(to bottom, rgb(228,88,53) 0%,rgb(233,106,70) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45835', endColorstr='#e96a46',GradientType=0 );
}
.btn-blue span, .btn-blue input{
border: 1px solid #457b9a;
background: rgb(103,151,180);
background: url();
background: -moz-linear-gradient(top, rgb(204,204,204) 0%, rgb(103,151,180) 2%, rgb(85,135,167) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,204,204)), color-stop(2%,rgb(103,151,180)), color-stop(100%,rgb(85,135,167)));
background: -webkit-linear-gradient(top, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%);
background: -o-linear-gradient(top, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%);
background: -ms-linear-gradient(top, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%);
background: linear-gradient(to bottom, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#5587a7',GradientType=0 );
}
.btn-blue:hover span, .btn-blue:focus span, .btn-blue:hover input, .btn-blue:focus input{
background: rgb(112,161,193);
background: url();
background: -moz-linear-gradient(top, rgb(204,204,204) 0%, rgb(112,161,193) 2%, rgb(85,135,167) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,204,204)), color-stop(2%,rgb(112,161,193)), color-stop(100%,rgb(85,135,167)));
background: -webkit-linear-gradient(top, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%);
background: -o-linear-gradient(top, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%);
background: -ms-linear-gradient(top, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%);
background: linear-gradient(to bottom, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#5587a7',GradientType=0 );
}
.btn-blue.active span, .btn-blue:active span, .btn-blue.active input, .btn-blue:active input{
background: rgb(85,134,166);
background: url();
background: -moz-linear-gradient(top, rgb(85,134,166) 0%, rgb(103,151,181) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(85,134,166)), color-stop(100%,rgb(103,151,181)));
background: -webkit-linear-gradient(top, rgb(85,134,166) 0%,rgb(103,151,181) 100%);
background: -o-linear-gradient(top, rgb(85,134,166) 0%,rgb(103,151,181) 100%);
background: -ms-linear-gradient(top, rgb(85,134,166) 0%,rgb(103,151,181) 100%);
background: linear-gradient(to bottom, rgb(85,134,166) 0%,rgb(103,151,181) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586a6', endColorstr='#6797b5',GradientType=0 );
}
.btn-green span, .btn-green input{
border: 1px solid #419c5c;
background: rgb(93,193,125);
background: url();
background: -moz-linear-gradient(top, rgb(244,244,244) 0%, rgb(93,193,125) 2%, rgb(75,181,107) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(244,244,244)), color-stop(2%,rgb(93,193,125)), color-stop(100%,rgb(75,181,107)));
background: -webkit-linear-gradient(top, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%);
background: -o-linear-gradient(top, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%);
background: -ms-linear-gradient(top, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%);
background: linear-gradient(to bottom, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4bb56b',GradientType=0 );
}
.btn-green:hover span, .btn-green:focus span, .btn-green:hover input, .btn-green:focus input{
background: rgb(75,181,107);
background: url();
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(99,204,122) 2%, rgb(75,181,107) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(2%,rgb(99,204,122)), color-stop(100%,rgb(75,181,107)));
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%);
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%);
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4bb56b',GradientType=0 );
}
.btn-green.active span, .btn-green:active span, .btn-green.active input, .btn-green:active input{
background: rgb(75,180,107);
background: url();
background: -moz-linear-gradient(top, rgb(75,180,107) 0%, rgb(94,193,126) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(75,180,107)), color-stop(100%,rgb(94,193,126)));
background: -webkit-linear-gradient(top, rgb(75,180,107) 0%,rgb(94,193,126) 100%);
background: -o-linear-gradient(top, rgb(75,180,107) 0%,rgb(94,193,126) 100%);
background: -ms-linear-gradient(top, rgb(75,180,107) 0%,rgb(94,193,126) 100%);
background: linear-gradient(to bottom, rgb(75,180,107) 0%,rgb(94,193,126) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb46b', endColorstr='#5ec17e',GradientType=0 );
}
.btn-lime span, .btn-lime input{
border: 1px solid #687925;
background: rgb(208,244,115);
background: url();
background: -moz-linear-gradient(top, rgb(208,244,115) 0%, rgb(154,179,49) 2%, rgb(138,166,35) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(208,244,115)), color-stop(2%,rgb(154,179,49)), color-stop(100%,rgb(138,166,35)));
background: -webkit-linear-gradient(top, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%);
background: -o-linear-gradient(top, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%);
background: -ms-linear-gradient(top, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%);
background: linear-gradient(to bottom, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0f473', endColorstr='#8aa623',GradientType=0 );
}
.btn-lime:hover span, .btn-lime:focus span, .btn-lime:hover input, .btn-lime:focus input{
background: rgb(208,244,115);
background: url();
background: -moz-linear-gradient(top, rgb(208,244,115) 0%, rgb(156,191,53) 2%, rgb(138,166,35) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(208,244,115)), color-stop(2%,rgb(156,191,53)), color-stop(100%,rgb(138,166,35)));
background: -webkit-linear-gradient(top, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%);
background: -o-linear-gradient(top, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%);
background: -ms-linear-gradient(top, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%);
background: linear-gradient(to bottom, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0f473', endColorstr='#8aa623',GradientType=0 );
}
.btn-lime.active span, .btn-lime:active span, .btn-lime.active input, .btn-lime:active input{
background: rgb(137,165,35);
background: url();
background: -moz-linear-gradient(top, rgb(137,165,35) 0%, rgb(154,180,49) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(137,165,35)), color-stop(100%,rgb(154,180,49)));
background: -webkit-linear-gradient(top, rgb(137,165,35) 0%,rgb(154,180,49) 100%);
background: -o-linear-gradient(top, rgb(137,165,35) 0%,rgb(154,180,49) 100%);
background: -ms-linear-gradient(top, rgb(137,165,35) 0%,rgb(154,180,49) 100%);
background: linear-gradient(to bottom, rgb(137,165,35) 0%,rgb(154,180,49) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89a523', endColorstr='#9ab431',GradientType=0 );
}
.btn-yellow span, .btn-yellow input{
border: 1px solid #ccaa4d;
background: rgb(236,204,103);
background: url();
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(236,204,103) 2%, rgb(232,194,85) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(2%,rgb(236,204,103)), color-stop(100%,rgb(232,194,85)));
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%);
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%);
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8c255',GradientType=0 );
}
.btn-yellow:hover span, .btn-yellow:focus span, .btn-yellow:hover input, .btn-yellow:focus input{
background: rgb(236,204,103);
background: url();
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(244,224,107) 2%, rgb(232,194,85) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(2%,rgb(244,224,107)), color-stop(100%,rgb(232,194,85)));
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%);
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%);
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8c255',GradientType=0 );
}
.btn-yellow.active span, .btn-yellow:active span, .btn-yellow.active input, .btn-yellow:active input{
background: rgb(232,193,85);
background: url();
background: -moz-linear-gradient(top, rgb(232,193,85) 0%, rgb(237,204,103) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232,193,85)), color-stop(100%,rgb(237,204,103)));
background: -webkit-linear-gradient(top, rgb(232,193,85) 0%,rgb(237,204,103) 100%);
background: -o-linear-gradient(top, rgb(232,193,85) 0%,rgb(237,204,103) 100%);
background: -ms-linear-gradient(top, rgb(232,193,85) 0%,rgb(237,204,103) 100%);
background: linear-gradient(to bottom, rgb(232,193,85) 0%,rgb(237,204,103) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8c155', endColorstr='#edcc67',GradientType=0 );
}
.btn-pink span, .btn-pink input{
border: 1px solid #b03540;
background: rgb(255,255,255);
background: url();
background: -moz-linear-gradient(top, rgb(194,141,141) 0%, rgb(241,95,103) 2%, rgb(238,77,85) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(194,141,141)), color-stop(2%,rgb(241,95,103)), color-stop(100%,rgb(238,77,85)));
background: -webkit-linear-gradient(top, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%);
background: -o-linear-gradient(top, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%);
background: -ms-linear-gradient(top, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%);
background: linear-gradient(to bottom, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C28D8D', endColorstr='#ee4d55',GradientType=0 );
}
.btn-pink:hover span, .btn-pink:focus span, .btn-pink:hover input, .btn-pink:focus input{
background: rgb(255,255,255);
background: url();
background: -moz-linear-gradient(top, rgb(194,141,141) 0%, rgb(255,122,122) 2%, rgb(238,77,85) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(194,141,141)), color-stop(2%,rgb(255,122,122)), color-stop(100%,rgb(238,77,85)));
background: -webkit-linear-gradient(top, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%);
background: -o-linear-gradient(top, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%);
background: -ms-linear-gradient(top, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%);
background: linear-gradient(to bottom, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C28D8D', endColorstr='#ee4d55',GradientType=0 );
}
.btn-pink.active span, .btn-pink:active span, .btn-pink.active input, .btn-pink:active input{
background: rgb(238,77,85);
background: url();
background: -moz-linear-gradient(top, rgb(238,77,85) 0%, rgb(241,96,103) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,77,85)), color-stop(100%,rgb(241,96,103)));
background: -webkit-linear-gradient(top, rgb(238,77,85) 0%,rgb(241,96,103) 100%);
background: -o-linear-gradient(top, rgb(238,77,85) 0%,rgb(241,96,103) 100%);
background: -ms-linear-gradient(top, rgb(238,77,85) 0%,rgb(241,96,103) 100%);
background: linear-gradient(to bottom, rgb(238,77,85) 0%,rgb(241,96,103) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C28D8D', endColorstr='#f16067',GradientType=0 );
}
.btn-brown span, .btn-brown input{
border: 1px solid #594e43;
background: rgb(101,91,80);
background: url();
background: -moz-linear-gradient(top, rgb(101,91,80) 0%, rgb(83,73,62) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(101,91,80)), color-stop(100%,rgb(83,73,62)));
background: -webkit-linear-gradient(top, rgb(101,91,80) 0%,rgb(83,73,62) 100%);
background: -o-linear-gradient(top, rgb(101,91,80) 0%,rgb(83,73,62) 100%);
background: -ms-linear-gradient(top, rgb(101,91,80) 0%,rgb(83,73,62) 100%);
background: linear-gradient(to bottom, rgb(101,91,80) 0%,rgb(83,73,62) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#655b50', endColorstr='#53493e',GradientType=0 );
}
.btn-brown:hover span, .btn-brown:focus span, .btn-brown:hover input, .btn-brown:focus input{
background: rgb(131,122,112);
background: url();
background: -moz-linear-gradient(top, rgb(131,122,112) 0%, rgb(83,73,62) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(131,122,112)), color-stop(100%,rgb(83,73,62)));
background: -webkit-linear-gradient(top, rgb(131,122,112) 0%,rgb(83,73,62) 100%);
background: -o-linear-gradient(top, rgb(131,122,112) 0%,rgb(83,73,62) 100%);
background: -ms-linear-gradient(top, rgb(131,122,112) 0%,rgb(83,73,62) 100%);
background: linear-gradient(to bottom, rgb(131,122,112) 0%,rgb(83,73,62) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#837a70', endColorstr='#53493e',GradientType=0 );
}
.btn-brown.active span, .btn-brown:active span, .btn-brown.active input, .btn-brown:active input{
-webkit-box-shadow: inset 0 1px 3px rgba(55, 55, 55, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(55, 55, 55, 0.6);
box-shadow: inset 0 1px 3px rgba(55, 55, 55, 0.6);
background: rgb(81,68,57);
background: url();
background: -moz-linear-gradient(top, rgb(81,68,57) 0%, rgb(101,91,80) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(81,68,57)), color-stop(100%,rgb(101,91,80)));
background: -webkit-linear-gradient(top, rgb(81,68,57) 0%,rgb(101,91,80) 100%);
background: -o-linear-gradient(top, rgb(81,68,57) 0%,rgb(101,91,80) 100%);
background: -ms-linear-gradient(top, rgb(81,68,57) 0%,rgb(101,91,80) 100%);
background: linear-gradient(to bottom, rgb(81,68,57) 0%,rgb(101,91,80) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#514439', endColorstr='#655b50',GradientType=0 );
}
.btn-small span, .btn-small input{
height: 32px;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
}
.btn-large span, .btn-large input{
height: 51px;
line-height: 47px;
padding: 0 23px;
font-size: 18px;
}
.btn-left, .btn-right{
background-image: url(/images/buttons.png) !important;
}
.btn-left span, .btn-left input,
.btn-right span, .btn-right input{
filter:none !important;
background-image: url(/images/buttons.png) !important;
background-repeat: no-repeat;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
height: 45px;
line-height: 43px;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-left{padding-right: 30px;}
.btn-left span{padding-left: 35px; padding-right: 0;}
.btn-right{padding-right: 35px;}
.btn-right span{padding-left: 30px; padding-right: 0;}
.btn-right{background-position: right -55px !important;}
.btn-right span{background-position: left -5px !important;}
.btn-left{background-position: right -155px !important;}
.btn-left span{background-position: left -105px !important;}
.btn-icon i{
width: 19px;
height: 19px;
background: url(/images/icons/sign-in.png) 0 0 no-repeat;
vertical-align: middle;
margin-right: 13px;
}
/*-----------------------------------*/
/* Custom checkboxes, radios */
/*-----------------------------------*/
.custom-checkbox,.custom-radio {position:relative;}
.custom-checkbox label::selection, .custom-radio label::selection {background: transparent; color: inherit;}
.custom-checkbox input, .custom-radio input {position:absolute; top:3px; left:13px; margin:0; border:none; width:1px; height:1px; display:none;}
.custom-checkbox input {left:4px;}
.checkbox-middle .custom-checkbox input {left:13px; top:2px;}
.checkbox-large .custom-checkbox input {left:13px; top:3px;}
.ie8 .custom-checkbox input, .ie8 .custom-radio input {display:block;}
.custom-checkbox label.focus,.custom-radio label.focus {outline: 0;}
.custom-checkbox label,.custom-radio label {
display:block;
position:relative;
height:22px;
line-height:22px;
padding-left:34px;
margin-bottom:13px;
cursor:pointer;
color:#8e8071;
background-repeat:no-repeat;
background-position:0 0;
background-image: url(/images/styled_checkbox.png);
}
.custom-radio label {
height:24px;
line-height:24px;
margin-bottom:11px;
background-image: url(/images/styled_radiobutton.png);
}
.custom-checkbox label.checked,.custom-radio label.checked {
background-position:0 -100px;
}
.checkbox-large .custom-checkbox label,
.checkbox-large.checkbox-white .custom-checkbox label,
.checkbox-large.checkbox-noText .custom-checkbox label {
height: 26px;
line-height: 26px;
padding-left:65px;
background-image: url(/images/styled_checkbox_large.png);
}
.checkbox-large.checkbox-white .custom-checkbox label{background-image: url(/images/styled_checkbox_large2.png);}
.checkbox-large.checkbox-noText .custom-checkbox label{background-image: url(/images/styled_checkbox_large3.png);}
.checkbox-red .custom-checkbox label{background-image: url(/images/styled_checkbox2.png);}
.checkbox-filled .custom-checkbox label{background-image: url(/images/styled_checkbox3.png);}
.radio-red .custom-radio label{background-image: url(/images/styled_radiobutton2.png);}
.radio-filled .custom-radio label{background-image: url(/images/styled_radiobutton3.png);}
/*-----------------------------------*/
/* Ribbons */
/*-----------------------------------*/
.ribbons{text-align: center; padding-bottom: 14px;}
.ribbon{
display: inline-block;
width:56px;
padding-bottom:20px;
background-image:url(/images/ribbons.png);
background-repeat: no-repeat;
background-position: -60px bottom;
position: relative;
top:-3px;
}
.ribbon span{
display:block;
width:56px;
padding-top:16px;
background-image:url(/images/ribbons.png);
background-repeat: no-repeat;
background-position: 0 top;
}
.ribbon.ribbon-blue span{background-position: -120px top;}
.ribbon.ribbon-blue{background-position: -180px bottom;}
.ribbon em, .ribbon strong{
display: block;
font-style: normal;
font-size: 13px;
font-weight: 700;
color: #c2f3de;
text-align: center;
text-transform: uppercase;
padding: 0 5px;
}
.ribbon strong{
font-size: 18px;
color: #fff;
}
.ribbon-blue em{color: #b4d6ec;}
/*-----------------------------------*/
/* Badges */
/*-----------------------------------*/
.badge:empty {display: inline-block;}
.badge{
position: relative;
width:59px;
height:59px;
background-image:url(/images/badge.png);
background-repeat: no-repeat;
background-position: 0 0;
padding: 0;
background-color: transparent;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
top:0;
right:0;
}
.badge.badge-large{
width:76px;
height:75px;
background-image:url(/images/badge-large.png);
}
/*-----------------------------------*/
/* Rating Stars */
/*-----------------------------------*/
.rate{
display: inline-block;
width: 116px;
height: 18px;
background-image:url(/images/icons/rating.png);
background-repeat: no-repeat;
background-position: center 0;
margin-top: 2px;
}
.rate.rate-1{background-position:center -20px;}
.rate.rate-2{background-position:center -40px;}
.rate.rate-3{background-position:center -60px;}
.rate.rate-4{background-position:center -80px;}
.rate.rate-5{background-position:center -100px;}
.rating {display: inline-block; width: 125px; margin-bottom: 18px;}
.rating span.star{display:inline-block; width:20px; height:18px; margin-right: 4px; background-repeat: no-repeat;}
.rating span.off{background-image: url(/images/icons/star_off.png);}
.rating span.on,
.rating span.star:hover,
.rating span.over{background-image: url(/images/icons/star_on.png); cursor:pointer;}
/*===================================================*/
/* 2. PAGE ITEMS, WIDGETS */
/*===================================================*/
.content, .sidebar{padding: 50px 0;}
#middle{position: relative; z-index: 0;}
#middle.sidebar_left > .container > .row > .col-sm-8{float:right;}
.boxed {
background: #fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
-moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
margin-bottom:30px;
position: relative;
z-index: 0;
}
.line-left{border-left: 3px solid #ebc85e;}
.line-top{border-top: 3px solid #ebc85e;}
/*-----------------------------------*/
/* Services */
/*-----------------------------------*/
.service_list .service_item{position:relative; margin-bottom:30px;}
.service_list .service_desc p{font-size: 15px; font-style: italic; color: #8e8071; line-height: 23px; margin-bottom: 10px;}
.service_list .service_meta_bot{margin-top: 25px;}
.service_list .link-more{font-size:15px; font-weight:700; color:#e86741; text-transform: uppercase;}
/* Services Style 1 */
.service_list_1 .inner{padding: 39px 30px 41px; text-align: center;}
.service_list_1 .service_img{margin-bottom: 17px;}
.service_list_1 .service_title h2{margin-bottom: 19px;}
.service_list_1 .service_title h2 a{font-size: 25px; color: #5c5146;}
/* Services Style 2, Services Style 3 */
.service_list_2 .service_item, .service_list_3 .service_item .service_title h2{background: #5c5146;}
.service_list_2 .service_item.red, .service_list_3 .service_item.red .service_title h2{background: #e55e3a;}
.service_list_2 .service_item.yellow, .service_list_3 .service_item.yellow .service_title h2{background: #ebc85e;}
.service_list_2 .service_item.blue, .service_list_3 .service_item.blue .service_title h2{background: #5e90af;}
.service_list_2 .service_item.purple, .service_list_3 .service_item.purple .service_title h2{background: #755782;}
.service_list_2 .service_item.green, .service_list_3 .service_item.green .service_title h2{background: #4daf7b;}
.service_list_2 .service_title h2, .service_list_3 .service_title h2{padding: 32px 10px 33px 90px; margin-bottom: 0;}
.service_list_2 .service_img, .service_list_3 .service_img{position: absolute; top:26px; left: 25px;}
.service_list_2 .service_title h2 a, .service_list_3 .service_title h2 a{font-size: 23px; font-weight:700; color: #fff;}
.service_list_2 .service_desc{padding: 0 27px 26px 36px;}
.service_list_3 .service_desc{padding: 32px 27px 27px 36px;}
.service_list_2 .service_desc p{color: #fff;}
.service_list_2 .service_meta_bot, .service_list_3 .service_meta_bot{display: none;}
/*-----------------------------------*/
/* About Us Items */
/*-----------------------------------*/
.team-box{
position: relative;
text-align: center
}
.team-image{
padding-top: 40px;
margin-bottom: 18px;
}
.team-image img{
display: block;
width: 112px;
height: 112px;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.team-text{padding: 0 30px 24px;}
.team-text h4{
font-size: 25px;
color: #5c5146;
margin-bottom: 19px;
}
.team-text p{
font-size: 15px;
font-style: italic;
color: #8e8071;
line-height: 23px;
margin-bottom: 10px;
}
.team-box .team-contact {
background:#f6f1ed;
padding: 16px 0;
}
.team-box .team-contact a{
display:inline-block;
margin:0 5px;
vertical-align: middle;}
.team-box .team-contact a span {
display:block;
width: 27px;
height: 27px;
overflow:hidden;
text-indent: -1000px;
}
.team_link {
background-image:url(/images/icons/team-contact.png);
background-repeat: no-repeat;
background-position: 0 0;
opacity:.8;
}
.team_link:hover {opacity:1;}
.team_link_2 {background-position:0 -27px;}
.team_link_3 {background-position:0 -54px;}
/*-----------------------------------*/
/* Table Pricing */
/*-----------------------------------*/
.pricing_box {padding-top: 9px; text-align: center;}
.pricing_box.price_style2{padding-top: 11px;}
.price_col_head .badge {display: none;}
.col_active .price_col_head .badge {display: block; position:absolute;}
.pricing_box li.price_col {
display: inline-block;
width:220px;
padding:0;
margin:0 -4px;
text-align:center;
vertical-align: top;
}
.price_col {
position:relative;
z-index:2;
}
.price_col.last {
z-index:1;
}
.price_col_head {
position:relative;
background:#847a6e;
color:#fff;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.price_col_head .price {
display:block;
padding:0;
color:#fff;
font-size:37px;
font-weight: 700;
height: 52px;
line-height: 52px;
letter-spacing: -1px;
-webkit-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
-moz-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
}
.price_col_head .price em {
font-size:37px;
margin-right:3px;
font-weight:700;
font-style:normal;
color:#fff;
}
.col_active .price_col_head .price em {font-size:45px;}
.price_col_head .price sup {
vertical-align: baseline;
position: relative;
top: -0.7em;
margin-left:2px;
font-size:0.5em;
color:#efe7de;
font-weight:700;
}
.price_body_top strong {
font-size:27px;
display:block;
margin-bottom: 10px;
color:#fff;
font-weight:700;
font-style: italic;
}
.price_body_top span {
font-size:11px;
display:block;
text-transform: uppercase;
font-weight:700;
}
.price_col .price_col_body .price_body_inner{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
padding: 27px 0;
margin:24px auto;
width:160px;
}
.price_body_top .line {
width:80px;
height:1px;
margin:0 auto;
}
.price_col.price_col_blue .price_col_body .price_body_inner {background:#6e9bb7;}
.price_col.price_col_yellow .price_col_body .price_body_inner {background:#edcd6e;}
.price_col.price_col_green .price_col_body .price_body_inner {background:#65c383;}
.price_col.price_col_red .price_col_body .price_body_inner {background:#e7643f;}
.price_col_blue .price_body_top .line {background: #a4cee7;}
.price_col_yellow .price_body_top .line {background: #fdf0ca;}
.price_col_green .price_body_top .line {background: #79dd98;}
.price_col_red .price_body_top .line {background: #ffc19b;}
.price_col_yellow .price_body_top span {color:#fef4d8;}
.price_col_blue .price_body_top span {color:#a4cee7;}
.price_col_green .price_body_top span {color:#89eca8;}
.price_col_red .price_body_top span {color:#ffc19b;}
.price_col_body ul li {
color:#fff;
font-size:12px;
display:block;
line-height: 17px;
padding:0;
margin:0;
}
.price_col_body ul li:first-child {margin-top:5px;}
.price_col_foot {
position:relative;
background:#f8f3f0;
padding:14px 0;
color:#fff;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.col_active .price_col_foot{padding:17px 0;}
.col_active .price_col_body .price_body_inner {
padding: 37px 0;
margin: 14px auto;
width: 180px;
}
.col_active .price_col_head {
position: relative;
background: #776b5e;
color: #fff;
}
.col_active .price_item .price_col_head .price {
font-size:45px;
height: 70px;
line-height: 70px;
}
.pricing_box li.col_active {
width:250px;
z-index:3;
top:-9px;
}
/* price style 2 */
.pricing_box.price_style2 li.price_col {
width: 290px;
margin: 0 -8px;
}
.price_style2 .price_col_head .price {
font-size: 45px;
height: 68px;
line-height: 68px;
}
.price_style2 .price_col_head .price em {font-size:45px;}
.price_style2 .col_active .price_col_head .price em {font-size:60px;}
.price_style2 .price_col_head .price sup {
top: -0.6em;
margin-left:5px;
font-size:0.6em;
}
.price_style2 .price_body_top strong {
font-size:36px;
margin-bottom: 12px;
}
.price_style2 .price_body_top span {font-size:14px;}
.price_style2 .price_col .price_col_body .price_body_inner{
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
padding: 27px 0;
margin:38px auto;
width:204px;
}
.price_style2 .price_body_top .line {width:100px;}
.price_style2 .price_col_body ul li {
font-size:15px;
line-height: 22px;
}
.price_style2 .price_col_body ul li:first-child {margin-top:10px;}
.price_style2 .price_col_foot {padding:17px 0;}
.price_style2 .col_active .price_col_foot{padding:25px 0;}
.price_style2 .col_active .price_col_body .price_body_inner {
padding: 31px 0;
margin: 38px auto 31px;
width: 224px;
}
.price_style2 .col_active .price_item .price_col_head .price {
font-size:60px;
height: 92px;
line-height: 92px;
}
.pricing_box.price_style2 li.col_active {
width:326px;
top:-11px;
}
/* Responsive Feature */
@media (min-width: 992px) and (max-width: 1199px){
.col-sm-8 .pricing_box li.price_col {width: 212px; margin:0 -11px;}
.col-sm-8 .pricing_box li.col_active {width: 230px;}
}
@media (min-width: 768px) and (max-width: 991px){
.pricing_box li.price_col {width: 180px; margin:0 -5px;}
.col-sm-8 .pricing_box li.price_col{margin:0 -24px;}
.pricing_box li.col_active {width: 200px;}
.pricing_box.price_style2 li.price_col {width: 250px;}
.pricing_box.price_style2 li.col_active {width: 260px;}
}
@media (max-width: 767px){
.pricing_box li.price_col, .pricing_box.price_style2 li.price_col {
display: block;
width: 100%;
margin: 0;
}
.pricing_box li.col_active, .pricing_box.price_style2 li.col_active {top:0;}
}
/*-----------------------------------*/
/* Sidebar widgets */
/*-----------------------------------*/
.widget-container{margin-bottom: 30px;}
.widget-container .widget-title{
padding: 19px 20px 19px 33px;
font-size: 18px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin-bottom:0;
background: #7b6d5e;
-webkit-box-shadow: inset 0 -2px 2px rgba(57,57,57,.36);
-moz-box-shadow: inset 0 -2px 2px rgba(57,57,57,.36);
box-shadow: inset 0 -2px 2px rgba(57,57,57,.36);
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
/* Widget Categories */
.widget_categories .inner{
padding: 22px 0;
}
.widget_categories li{position: relative;}
.widget_categories li a{
display: block;
padding: 12px 32px;
font-size: 14px;
line-height: 20px;
color: #7b6d5e;
position: relative;
border-left: 3px solid transparent;
}
.widget_categories li:hover a, .widget_categories li.current-menu-item a{
border-left: 3px solid #40a268;
background: #f6f0ec;
}
.widget_categories .ico-cat{
float: right;
margin: 0;
width:20px;
height:20px;
background-image:url(/images/icons/categories_icons.png);
}
.widget_categories .ico-cat.ico-cat1{background-position: 0 0;}
.widget_categories .ico-cat.ico-cat2{background-position: -20px 0;}
.widget_categories .ico-cat.ico-cat3{background-position: -40px 0;}
.widget_categories .ico-cat.ico-cat4{background-position: -60px 0;}
.widget_categories li:hover a .ico-cat1, .widget_categories li.current-menu-item .ico-cat1{background-position: 0 -20px;}
.widget_categories li:hover a .ico-cat2, .widget_categories li.current-menu-item .ico-cat2{background-position: -20px -20px;}
.widget_categories li:hover a .ico-cat3, .widget_categories li.current-menu-item .ico-cat3{background-position: -40px -20px;}
.widget_categories li:hover a .ico-cat4, .widget_categories li.current-menu-item .ico-cat4{background-position: -60px -20px;}
/* Widget Latest Stories, Latest Comments */
.widget_recent_entries .inner,
.widget_recent_comments .inner{
padding: 23px 35px;
}
.widget_recent_comments li,
.widget_recent_entries li {
padding: 17px 0;
border-top: 2px solid #ebe9e7;
}
.widget_recent_comments li.first,
.widget_recent_entries li.first{
border-top: 0 none;
}
.widget-container .widget-thumb{
float: left;
width:60px;
height: 58px;
margin-right:16px;
}
.widget-container .widget-thumb img{
display: block;
width: 100%;
height: 100% !important;
}
.widget-container .post-title{display: block;}
.widget-container .post-title,
.widget-container .recent_comment,
.widget-container .recent_comment a{
color:#7b6d5e;
font-size: 12px;
line-height: 19px;
}
.widget-container a.post-title:hover,
.widget-container .recent_comment a:hover{
color:#C0B9A0;
}
/* Widget Tags */
.widget_tag_cloud .inner {padding: 34px 32px 36px;}
.tagcloud a{
display:inline-block;
font-size:12px;
white-space:nowrap;
background-image:url(/images/tag.png);
background-repeat:no-repeat;
background-position:right -30px;
height: 28px;
line-height: 26px;
padding-right:16px;
color:#3e362b;
margin:4px;
}
.tagcloud a:hover{color:#8D8569;}
.tagcloud a span{
display:block;
background-image:url(/images/tag.png);
background-repeat:no-repeat;
background-position:left 0;
padding-left:26px;
height: 28px;
line-height: 26px;
}
.tagcloud.pull-right{width: 57%; margin-left: 20px;}
.tagcloud.pull-left{width: 57%; margin-right: 20px;}
.tabs_framed.styled .tagcloud a {margin: 7px 4px 9px;}
/* Widget Flickr */
.flickr .inner {padding: 26px;}
.flickr-inner{text-align: center; font-size: 0;}
.flickr_badge_image{display: inline-block; margin:6px;}
.flickr_badge_image a{display: block;}
.flickr_badge_image a img{
display: block;
width: 66px;
height: 66px !important;
}
.ie8 .flickr .flickr_badge_image {
width:66px !important;
height:66px !important;
}
/* Widget Text */
.widget_text .inner{padding: 34px 36px 19px;}
/* Widget Calendar */
.widget_calendar .inner{padding: 0 15px 15px;}
.ie8 #date_departure {display: none !important;}
.widget_calendar.styled{background: none;}
.widget_calendar.styled .inner{
padding: 0 14px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #B9A18A;
border-top: 0 none;
}
/* Widget Join Us */
.widget-join .widget-title {
padding: 0;
background: #5c5146;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.widget-join .widget-title a{
display: block;
padding: 35px 39px 39px;
font-size: 32px;
font-weight: 700;
color: #FFF;
text-transform: none;
}
.widget-join .icon-join{
width: 45px;
height: 46px;
background: url(/images/icons/join-icon.png) no-repeat;
vertical-align: middle;
margin-right: 27px;
}
@media (max-width:991px){
.widget-join .widget-title a{padding: 35px 26px 39px;}
.widget-join .icon-join{margin-right: 20px;}
}
/* Widget Twitter */
.widget-twitter .inner{padding: 36px 36px 20px;}
.widget-twitter .widget-title {
padding: 34px 36px 34px;
background: #2bb4dc;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-size: 32px;
font-weight: 700;
color: #FFF;
text-transform: none;
}
.widget-twitter .icon-twitter{
width: 53px;
height: 52px;
background: url(/images/icons/twitter-icon.png) no-repeat;
vertical-align: middle;
margin-right: 16px;
}
.widget-twitter .tweet_text{font-size: 15px; margin-bottom: 20px;}
.widget-twitter .tweet_link a{color: #e55e3a;}
@media (max-width:991px){
.widget-twitter .widget-title{padding: 34px 18px 34px;}
}
/*-----------------------------------*/
/* Full width widgets */
/*-----------------------------------*/
.widget-full-width{margin-bottom: 70px;}
/* Widget Partners */
.widget-partners{padding: 61px 0 41px;}
.widget-partners ul{text-align: center;}
.widget-partners li{display: inline-block; margin: 0 23px 20px 23px; vertical-align: middle;}
.widget-partners li img{max-width: 100%;}
/* Widget Caption */
.widget-caption{padding: 33px 0 38px;}
.widget-caption h1, .widget-caption h2{font-style:italic; color:#907354; text-align: center;}
.widget-caption h1{font-size: 38px; margin-bottom: 5px;}
.widget-caption h2{font-size: 23px; font-weight:300; margin-bottom: 0; letter-spacing: 0;}
/* Widget Portfolio Filter */
.widget-portfolio-filter ul{text-align: center;}
.widget-portfolio-filter li{
display: inline-block;
position: relative;
}
.widget-portfolio-filter li a{
display: block;
padding: 36px 31px 39px 60px;
border-right: 1px solid #F4ECE7;
background: url(/images/portfolio-filter.png) 27px 35px no-repeat;
font-size: 19px;
color: #8e8071;
letter-spacing: -1px;
}
.widget-portfolio-filter li:hover a,
.widget-portfolio-filter li.current-menu-item a{
background-position: 27px -65px;
color: #e86742;
}
.widget-portfolio-filter li.first a,
.widget-portfolio-filter li.left a{
border-left: 1px solid #F4ECE7;
}
@media (max-width:991px){
.widget-portfolio-filter li a{width: 235px;}
}
/* Widget Question */
.widget-question{padding: 35px 0 36px;}
.widget-question h2 {
margin: 0;
font-size: 32px;
font-style: italic;
color: #e86741;
}
.widget-question .btn{float: right;}
/*-----------------------------------*/
/* Post Items */
/*-----------------------------------*/
/* Post Item Labels */
.post-label{
position: absolute;
right: 47px;
bottom: -3px;
z-index: 2;
width: 56px;
height: 54px;
background-image: url(/images/icons/post_label.png);
background-repeat: no-repeat;
background-position: center 0;
}
.post-label.label-image{background-position: center -55px;}
.post-label.label-video{background-position: center -110px;}
.post-label.label-audio{background-position: center -165px;}
.post-item,
.post-item-wide{
position: relative;
margin-bottom:30px;
}
/* Post Items Default Style */
.post-item .inner{padding: 0 27px 0 37px;}
.post-item h2{
font-size:27px;
margin-bottom:10px;
}
.post-item h2 a, .post-item-wide h2 a{color:#4a4036;}
.post-item h2 a:hover, .post-item-wide h2 a:hover{color:#8D8569;}
.post-item .ribbon{
position: absolute;
top:-3px;
left:25px;
}
.post-item .ribbon em, .post-item .ribbon strong{font-size: 17px;}
.post-item .post-image img,
.post-item-wide .post-image img{
display: block;
width: 100%;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.post-item .post-image{margin-bottom: 34px;}
.post-item .post-desc{margin-bottom: 36px;}
.post-meta-links ul{
overflow: hidden;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.post-meta-links li{
float: left;
background: #f5ede8;
border-left: 1px solid #fff;
font-size: 15px;
line-height: 25px;
font-weight: 700;
color: #7b6d5e;
text-align: center;
text-transform: uppercase;
padding-bottom: 200px;
margin-bottom: -200px;
}
.post-meta-links li.post-view{width:20%;}
.post-meta-links li.post-comm{width:20%;}
.post-meta-links li.post-author{width:27%;}
.post-meta-links li.post-read{width:33%;}
.post-meta-links li a{display:block; padding: 10px; color: #7b6d5e;}
.post-meta-links li a:hover{color: #e05033;}
.post-meta-links li.post-read a:hover .icon-post{background-position: 0 -100px;}
.post-meta-links li.post-view a:hover .icon-post{background-position: 0 -125px;}
.post-meta-links li.post-comm a:hover .icon-post{background-position: 0 -150px;}
.post-meta-links li.post-like a:hover .icon-post{background-position: 0 -225px;}
.post-meta-links li.post-author a:hover .icon-post, .post-meta-links li.post-date a:hover .icon-post{background-position: 0 -175px;}
.post-meta-links li.first{
border-left:0 none;
-webkit-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
.post-meta-links li.last{
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
.icon-post{
width: 25px;
height: 25px;
background-image: url(/images/icons/post-icons.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: middle;
margin-right: 8px;
}
.post-comm .icon-post{background-position: 0 -25px;}
.post-author .icon-post, .post-date .icon-post{background-position: 0 -50px;}
.post-read .icon-post{background-position: 0 -75px;}
.post-like .icon-post{background-position: 0 -200px;}
/* Post Items Style 2 */
.post-item.style2 .inner {padding:36px 40px 26px;}
.post-item.style2 h2{margin-bottom:33px;}
.post-item.style2 .post-desc {margin-bottom: 23px;}
.post-item.style2 .post-image img{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.post-item.style2 .post-meta-links li{
background: none;
border: 0 none;
text-align: left;
width: auto;
margin-right: 15px;
}
.post-item.style2 .post-meta-links li a{padding-left: 0;}
/* Post Items Style 3 */
.post-item.style3 .inner {padding: 0 26px 27px 22px;}
.post-item.style3 .post-image {margin-bottom: 33px;}
.post-item.style3 h2 {font-weight: 600; margin-bottom: 20px;}
.post-item.style3 .post-desc {margin-bottom: 21px;}
.post-item.style3 .post-meta-bot{
width: 164px;
float: left;
margin: 5px 21px 10px 0;
}
.post-item.style3 .post-date{
background: #54bc75;
text-align: center;
padding: 16px 10px 23px;
margin-bottom: 1px;
}
.post-item.style3 .post-date em,
.post-item.style3 .post-date strong{
display: block;
font-size: 54px;
font-weight: 400;
font-style: normal;
color: #fff;
text-transform: uppercase;
}
.post-item.style3 .post-date em{font-size: 17px; margin-top: 5px;}
.post-item.style3 .post-comm,
.post-item.style3 .post-view{
background: #f6f0ec;
float: left;
width: 50%;
text-align: center;
}
.post-item.style3 .post-comm{
border-right: 1px solid #fff;
}
.post-item.style3 .icon-post{
width: 30px;
height: 25px;
background-image: url(/images/icons/post-icons2.png);
background-repeat: no-repeat;
background-position: 0 0;
margin:0;
}
.post-item.style3 .post-comm .icon-post{background-position: 0 -25px;}
.post-item.style3 .post-meta-links a{
display: block;
padding: 15px 0;
}
.post-item.style3 a:hover .icon-post{background-position: 0 -50px;}
.post-item.style3 .post-comm a:hover .icon-post{background-position: 0 -75px;}
/* Post Items Style 4 */
.post-item.style4 .inner{padding: 36px 36px 44px 40px;}
.post-item.style4 .post-image{
width:51%;
float: right;
margin: 0 0 10px 10px;
}
.post-item.style4 .post-image img{
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.post-item.style4 .post-meta-top span,
.post-item.post-quote .post-meta-top span,
.post-item.post-img .post-meta-top span,
.post-item.post-video .post-meta-top span,
.post-item.post-audio .post-meta-top span,
.post-item-wide .post-meta-top span{
display: inline-block;
font-size: 12px;
font-weight: 600;
color:#7b6c5e;
text-transform: uppercase;
height:20px;
line-height:20px;
margin-right:9px;
}
.icon-post2{
width: 20px;
height: 20px;
background-image: url(/images/icons/posted.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: middle;
margin-right: 5px;
}
.icon-post2.icon-comm{background-position: 0 -20px;}
.icon-post2.icon-author{background-position: 0 -40px;}
.icon-post2.icon-date{background-position: 0 -60px;}
.post-item.style4 h2 {margin-bottom: 17px;}
.post-item.style4 .post-meta-top{margin-bottom: 31px;}
.post-item.style4 .post-desc {margin-bottom: 22px;}
.post-item.style4 .post-meta-top a:hover span{color: #E05033;}
.post-item.style4 .post-meta-top a:hover .icon-post2{background-position: 0 -80px;}
.post-item.style4 .post-meta-top a:hover .icon-post2.icon-comm{background-position: 0 -100px;}
.post-item.style4 .post-author{
display: block;
float: right;
margin-top: 9px;
margin-right: 5px;
color: #e04f33;
}
/* Post Items Style 5 */
.post-item.style5 .inner{padding: 46px 36px 43px 41px;}
.post-item.style5 .post-image{
width:51%;
float: left;
margin: 0 36px 26px 0;
}
.post-item.style5 .post-image img{
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.post-item.style5 h2 {margin-bottom: 10px;}
.post-item.style5 .post-meta-top{margin-bottom: 24px; color: #f5354f;}
.post-item.style5 .post-desc {margin-bottom: 22px;}
/* Post Quotes */
.post-item.post-quote .inner{padding: 45px 52px 53px;}
.post-item.post-quote h2 {
line-height: 35px;
margin-bottom: 13px;
}
/* Post Images */
.post-item.post-img .inner{padding: 48px 53px 61px;}
.post-item.post-img h2 {margin-bottom: 18px;}
.post-item.post-img .post-meta-top {margin-bottom: 30px;}
.carousel-inner {
height: 242px;
-webkit-box-shadow: 0 0 12px rgba(154,120,91,0.38);
-moz-box-shadow: 0 0 12px rgba(154,120,91,0.38);
box-shadow: 0 0 12px rgba(154,120,91,0.38);
}
.carousel-inner > .item {
height: 210px;
overflow:hidden;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: auto;
max-width: none;
}
.carousel-control {
position: absolute;
top: 220px;
left: 20px;
width: 9px;
height: 12px;
margin-top: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
opacity: 1;
}
.carousel-control.left,
.carousel-control.right{
background-image:url(/images/post_image_controls.png);
background-position: 0 0;
background-color: transparent;
background-repeat: no-repeat;
filter:none;
}
.carousel-control.right {
right: 20px;
left: auto;
background-position: -11px 0;
}
.carousel-desc{
position: absolute;
right: 0;
left: 0;
bottom: 0;
background: #df4d31;
background: rgba(223,77,49,0.7);
padding: 8px 20px;
font-size: 18px;
font-weight: 600;
color: #fff;
text-align: center;
}
.carousel-indicators {
padding:0;
position: relative;
top: -24px;
right: 0;
}
.carousel-indicators li {
border: 0 none;
width: 7px;
height: 7px;
margin: 0 3px;
background: #737272;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.carousel-indicators li.active {
width: 7px;
height: 7px;
background: #ea7456;
margin: 0 3px;
}
/* Post Video */
.post-item.post-video .inner{padding: 53px;}
.post-item.post-video .post-image {margin-bottom:24px;}
.post-item.post-video .post-image img{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.post-item.post-video h2 {
line-height: 35px;
margin-bottom: 13px;
}
/* Post Audio */
.post-item.post-audio .inner{padding: 46px 53px 65px;}
.post-item.post-audio h2 {margin-bottom: 11px;}
.post-item.post-audio .post-image img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.post-item.post-audio .post-meta-top {
margin-bottom: 20px;
}
/* Post Intro Text */
.post-item.intro-text .inner{padding: 39px 39px 9px;}
.post-item.intro-text h2{margin-bottom: 7px;}
.post-item.intro-text .post-meta-top {margin-bottom: 25px;}
.post-intro-text{
border-top: 2px solid #eeecea;
border-bottom: 2px solid #eeecea;
padding: 11px 0 13px;
margin-bottom: 20px;
}
.post-intro-text p{
font-size: 17px;
font-style: italic;
color:#e86741;
line-height: 21px;
margin: 0;
}
/*-----------------------------------*/
/* Popular Post Items */
/*-----------------------------------*/
.post-item-wide .inner{
position: relative;
padding: 0 26px 36px 35px;
}
.post-item-wide h2 {
font-size: 26px;
line-height: 32px;
letter-spacing: -2px;
margin-bottom: 11px;
}
.post-item-wide .post-image{margin-bottom:28px;}
.post-item-wide .post-meta-top{margin-bottom: 19px;}
.post-item-wide .post-descr{margin-bottom: 26px;}
/* Post Items responsive feature */
@media (max-width:480px){
.post-item h2, .post-item-wide h2{font-size:20px;}
.post-item.style5 .post-image {margin: 0 10px 10px 0;}
.post-item.post-quote .inner,
.post-item.post-img .inner,
.post-item.post-video .inner,
.post-item .inner{
padding: 30px 20px 55px;
}
.post-item .inner,
.post-item-wide .inner{
padding-left: 20px !important;
padding-right: 20px !important;
}
}
/*-----------------------------------*/
/* Comments */
/*-----------------------------------*/
.comment-list {
position: relative;
margin-bottom: 34px;
}
.comment-list h2 {
font-size: 23px;
margin-bottom: 27px;
color: #fff;
}
.link-add-comment {
position: absolute;
top: 10px;
right: 2px;
color: #fff;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
text-decoration: underline;
}
.link-add-comment:hover{color: #fff; }
.comment-list li.comment {position: relative;}
.comment-list .children li.comment {padding-left: 80px;}
.comment-list .children li.comment:before {
content:'';
display: block;
width: 8px;
height: 8px;
position: absolute;
top:6px;
left:56px;
background: url(/images/comment_sub.png) no-repeat;
}
.comment-body {
padding: 28px 34px 30px 160px;
position: relative;
margin-bottom:20px;
border-left: 3px solid #e5be4c;
min-height: 142px;
}
.comment-avatar {
position: absolute;
top: 26px;
left: 36px;
border:1px solid #bab8b3;
padding: 4px;
}
.comment-avatar .avatar{
width: 80px;
height: 80px;
overflow: hidden;
}
.comment-avatar,
.comment-avatar .avatar,
.comment-avatar img{
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.comment-arrow{display: none;}
.comment-author {
margin-bottom: 12px;
text-align: right;
color: #7b6d5e;
font-size: 13px;
text-transform: uppercase;
}
.link-author {
font-size: 21px;
float: left;
color: #4a4036;
text-transform: none;
letter-spacing: -1px;
}
.link-reply {
color: #7b6d5e;
text-transform: none;
}
.comment-entry{line-height: 19px;}
/* Comments responsive feature */
@media (max-width:480px){
.comment-body {padding: 28px 34px 30px 94px;}
.comment-avatar {left: 2px;}
.comment-list .children li.comment {padding-left: 30px;}
.comment-list .children li.comment:before {left:12px;}
.link-author {font-size: 16px; position: relative; top:-3px;}
.add-comment .rowSubmit {padding: 19px 22px !important;}
}
/* Responsive */
@media (max-width:479px){
.link-add-comment {
top: 30px;
left: 0;
right: auto;
}
.comment-body {
padding-right:10px;
}
}
/*-----------------------------------*/
/* Forms */
/*-----------------------------------*/
/*-----------------------------------*/
/* Comment Form */
/*-----------------------------------*/
input::-webkit-input-placeholder {font-size:13px; color:#c9c2bc;}
input:-moz-placeholder {font-size:13px; color:#c9c2bc;}
input:-ms-input-placeholder {font-size:13px; color:#c9c2bc;}
textarea::-webkit-input-placeholder {font-size:13px; color:#c9c2bc;}
textarea:-moz-placeholder {font-size:13px; color:#c9c2bc;}
textarea:-ms-input-placeholder {font-size:13px; color:#c9c2bc;}
label, input, button, select, textarea {
font-size: inherit;
line-height: normal;
}
.input_icon{
display: block;
position: absolute;
top: 40px;
right: 10px;
z-index: 1;
}
.add-comment{margin-bottom: 30px;}
.add-comment .form-inner{padding: 0 42px 24px;}
.add-comment-title h3{
font-size: 27px;
padding: 28px 42px 32px;
margin-bottom: 0;
}
.field_text,
.field_select{
float:left;
margin-right: 2%;
margin-bottom: 19px;
width: 48%;
}
.field_text.omega,
.field_select.omega{
float:right;
}
.field_text.field_textarea{width: 100%;}
.label_title{
display: block;
color: #8e8071;
font-size: 17px;
cursor: default;
margin-bottom: 8px;
}
input[type="text"],
input[type="password"],
textarea,
.select_styled{
border:1px solid #e5d4c2;
background: transparent;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:0 16px;
font-size:16px;
color: #8e8071;
width: 100%;
}
input[type="text"],
input[type="password"],
textarea{
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="text"],
input[type="password"]{
margin: 0;
outline: none;
}
.ie8 input[type="text"],
.ie8 input[type="password"]{
line-height:41px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus{
border:1px solid #e5d4c2;
box-shadow: none;
}
.add-comment textarea{
width:100%;
height:145px;
padding:9px 15px;
resize: vertical;
overflow: auto;
}
.add-comment .rowSubmit {
padding: 19px 42px;
background: #f6f0ec;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.add-comment .link-reset{
float: right;
font-size: 15px;
color: #e05033;
margin-top: 15px;
}
.add-comment .error {
overflow: hidden;
border: 1px solid #E86741 !important;
}
/*-----------------------------------*/
/* Contact Form */
/*-----------------------------------*/
.contact-form .add-comment-title h3 {padding: 38px 44px 32px;}
.contact-form .form-inner{padding: 0 44px 27px;}
.contact-form .field_text.field_textarea {float: none; margin-bottom: 23px;}
.contact-form textarea {height: 145px;}
.contact-form .rowSubmit {padding: 20px 44px;}
/*-----------------------------------*/
/* Survey Form */
/*-----------------------------------*/
.survey-form .form-inner {padding: 38px 44px 26px;}
.survey-form .rowSubmit {padding: 19px 44px;}
.survey-form .add-comment-title {border: 0 none; margin: 0;}
.survey-form .add-comment-title h3 {padding:0; margin-bottom:19px;}
.survey-form .checklist, .survey-form .inlinelist{margin-bottom:41px;}
.survey-form textarea {height: 145px;}
/*-----------------------------------*/
/* Payment Form */
/*-----------------------------------*/
.payment-form .form-inner {padding: 30px 40px 26px;}
.payment-form #shipping .form-inner {padding: 42px 40px 36px;}
.payment-form #payment .form-inner {padding: 40px 42px 18px;}
.field_phone input{
float: left;
width: 30%;
margin-right: 5%;
}
.payment-form .rowSubmit{
text-align: right;
background: #f8f3f0;
padding: 20px 40px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.payment-form #billing .custom-checkbox label {float: left; margin-top: 5px;}
.payment-form #billing .btn {float: right;}
.payment-form #shipping .divider{margin: 27px 0 !important;}
.payment-form #payment .custom-checkbox label {padding: 0 66px 0 0; background-position: right 0;}
.payment-form #payment .custom-checkbox label.checked {background-position: right -100px;}
.payment-form #payment .divider{margin: 13px 0 25px !important;}
.payment-form .card_code{position: relative;}
.payment-form .card_code input{padding-right: 90px;}
.payment-form .card_code .input_icon{
background:url(/images/icons/security_code.png);
width: 74px;
height: 23px;
}
.payment-form .card_type .rowRadio,
.payment-form .card_type img{
display: inline-block;
vertical-align: text-top;
}
.payment-form .card_type img{
margin: 2px 10px 0 0;
}
.payment-form .btn{margin-left: 5px;}
@media (min-width: 992px){
.payment-form{width: 616px;}
.payment-form #payment .field_select .field_select{width: 122px;}
}
/*-----------------------------------*/
/* Login Form */
/*-----------------------------------*/
.widget_login .inner, .newsletterBox .inner, .widget_search .inner{padding: 34px 33px 41px;}
.widget_login .field_text {float: none; width: auto; margin: 0 0 15px;}
.widget_login .forget_password{float: right; margin: 14px 0;}
.widget_login .forget_password a{font-size:12px; color: #e7613c; text-decoration: underline;}
.widget_login .rowRemember{margin: 24px 0 15px;}
/*-----------------------------------*/
/* Newsletter Form, Search Form */
/*-----------------------------------*/
.widget_search .inner{padding-bottom: 25px;}
.newsletterBox .field_text, .widget_search .field_text{margin: 0 82px 19px 0; width: auto; float: none;}
.newsletterBox .field_text input, .widget_search .field_text input{height:45px;}
.newsletterBox .btn, .widget_search .btn{float:right; margin-top: 31px;}
.newsletterBox .link-news-rss{
display: inline-block;
color: #8e8071;
font-size: 13px;
line-height: 16px;
padding-left: 20px;
background: url(/images/icons/rss.png) no-repeat;
}
.newsletterBox .link-news-rss span{color: #e7613c; text-decoration: underline;}
/* Responsive */
@media (max-width:479px){
.add-comment-title h3,
.add-comment.boxed .form-inner,
.add-comment.boxed .rowSubmit{
padding-left: 10px !important;
padding-right: 10px !important;
}
.payment-form .field_text,
.payment-form .form-inner > .field_select{
float: none !important;
width: 100% !important;
}
.payment-form .form-inner,
.tabs_framed.styled.widget-stats .tab-content{
padding-left:0 !important;
padding-right:0 !important;
}
.payment-form .rowSubmit {
padding: 20px;
margin: 0 -20px;
}
.payment-form .rowSubmit .btn {
margin-bottom:10px;
}
}
/*-----------------------------------*/
/* Pagination */
/*-----------------------------------*/
.tf_pagination {margin-bottom: 30px;}
.tf_pagination .inner {
display:inline-block;
font-size:15px;
font-weight: 700;
text-align:center;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
}
.tf_pagination .page-numbers,
.tf_pagination .page_prev,
.tf_pagination .page_next {
float:left;
margin-right:1px;
width:40px;
height:40px;
line-height: 40px;
background:#8d7f70;
}
.tf_pagination .page_next {
margin-right:0;
}
.tf_pagination .page-numbers {
background: #fff;
color: #8d7f70;
}
.tf_pagination .page-numbers:hover,
.tf_pagination .page_current {
color:#fff;
background:#e86741;
}
.tf_pagination .page_prev:hover,
.tf_pagination .page_next:hover {
background:#9E9285;
}
.tf_pagination .page_prev span,
.tf_pagination .page_next span {
display: inline-block;
width:8px;
height:10px;
background: transparent url(/images/pagination.png) no-repeat 0 center;
}
.tf_pagination .page_next span {
background-position: -10px center;
}
/*-----------------------------------*/
/* Dividers */
/*-----------------------------------*/
.divider{
border-top:1px solid #eeecea;
border-bottom:1px solid #eeecea;
margin:15px 0;
}
.divider.dashed{
border-top:0 none;
border-bottom:1px dashed #e5d3c2;
}
/*-----------------------------------*/
/* Tabs */
/*-----------------------------------*/
.tabs_framed{margin-bottom:30px;}
.tabs_framed h1,
.tabs_framed h2,
.tabs_framed h3,
.tabs_framed h4,
.tabs_framed h5,
.tabs_framed h6{
color: #e7613c;
}
/*-----------------------------------*/
/* Tabs Style 1 */
/*-----------------------------------*/
.tabs li{
float:left;
text-align: center;
height: 48px;
line-height: 48px;
position: relative;
margin-right:5px;
margin-top: 5px;
background: #5c5146;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
-moz-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
}
.tabs li.active{
margin-top: 0;
height: 53px;
line-height: 53px;
background: #fff;
z-index: 10;
}
.tabs li a{
font-size: 14px;
color:#f8f3f0;
display: block;
padding: 0 22px;
}
.tabs li.active a{
font-size: 16px;
color:#5c5146;
}
.payment-form .tabs li,
.payment-form .tabs li.active{
height: 73px;
line-height: 69px;
margin-top: 0;
}
.payment-form .tabs li a{
font-size: 25px;
padding: 0 40px;
}
@media (min-width: 768px) and (max-width: 991px){
.tabs li a {padding: 0 10px;}
.payment-form .tabs li a {padding: 0 26px;}
}
@media (max-width: 767px){
.tabs li a {font-size: 12px; padding: 0 10px;}
.tabs li.active a {font-size: 13px;}
.tabs li{height: 30px; line-height: 25px;}
.tabs li.active{height: 35px; line-height: 30px;}
.payment-form .tabs li a {font-size: 16px; padding: 0 13px;}
.payment-form .tabs li,
.payment-form .tabs li.active{
height: 45px;
line-height: 41px;
}
}
.tab-content {
overflow: visible;
position: relative;
top: -5px;
z-index: 0;
padding:36px;
}
.tab-content.icons {padding: 34px 35px 26px 121px;}
.sidebar .tab-content {padding:30px 35px 16px;}
.payment-form .tab-content {padding:0;}
.tab-content h3{margin-bottom: 10px;}
.tab-content h4{font-size: 19px; margin-bottom: 18px;}
.tab-text{margin-bottom: 23px;}
.tab_image.pull-left,
.tab_image.pull-right{
width: 45%;
}
.tab_image.small.pull-left,
.tab_image.small.pull-right{
width: 32%;
}
.tab_image{margin:0 0 12px 0;}
.tab_image.pull-left{margin: 4px 16px 5px 0;}
.tab_image.pull-right{margin:4px 0 5px 16px;}
.tab_image.small.pull-left{margin: 0 36px 10px 0;}
.tab_image.small.pull-right{margin:0 0 10px 36px;}
.tab_image img{
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
display: block;
width: 100%;
}
.tab-content.icons .tab_icon{
position: absolute;
top:34px;
left:32px;
}
/*-----------------------------------*/
/* Tabs Style 2 */
/*-----------------------------------*/
.tabs_framed.styled .tabs li{
border: 1px solid #e4dbca;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 50px;
line-height: 46px;
margin-right: 3px;
margin-top: 0;
}
.tabs_framed.styled .tabs li.active{
border: 1px solid #fff;
background: #fff;
-webkit-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
-moz-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
}
.tabs_framed.styled .tabs li a{
font-size: 16px;
color: #fff;
padding: 0 50px;
}
.tabs_framed.styled .tabs li.active a{color:#8e8071;}
@media (max-width: 991px){
.tabs_framed.styled .tabs li a{
font-size: 13px;
padding: 0 25px;
}
.tabs_framed.styled .buttons{clear: both;}
}
.tabs_framed.styled .tab-content {padding: 23px 0 0;}
.tabs_framed.styled .inner{padding: 0 22px 8px;}
@media (min-width: 992px) and (max-width: 1199px){
.tabs_framed.styled .inner{padding: 0 14px 4px;}
}
.tabs_framed.styled .tab_image.pull-left,
.tabs_framed.styled .tab_image.pull-right {
width: 41%;
}
.tabs_framed.styled .tab_image.pull-left{margin: 0 16px 12px 0;}
.tabs_framed.styled .tab_image.pull-right{margin:0 0 12px 16px;}
.tabs_framed.styled h2{
font-size: 32px;
color: #5c5248;
font-weight: 600;
letter-spacing: -2px;
margin-bottom: 10px;
}
.tabs_framed.styled h2 a{color: #5c5248;}
.tabs_framed.styled h3{
font-size: 28px;
color: #5c5146;
font-weight: 600;
margin-bottom: 10px;
}
.tabs_framed.styled h3 a{color: #5c5146;}
.tabs_framed.styled h2 a:hover,
.tabs_framed.styled h3 a:hover{
color: #8D8569;
}
.tabs_framed.styled .bottom{
padding: 21px 22px 11px;
background: #f8f3f0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Responsive */
@media (max-width:479px){
.tab-content {
padding-left: 20px !important;
padding-right: 20px !important;
}
.tabs_framed.styled .tab-content {
padding-left: 0 !important;
padding-right: 0 !important;
}
.tab-icon{display:none;}
.tabs_framed.styled h2 {font-size: 22px;}
}
/*-----------------------------------*/
/* Toggles */
/*-----------------------------------*/
.toggle{
position: relative;
margin-bottom: 30px;
}
.toggle-header{position: relative; display: block;}
.toggle-header h5{
display: inline-block;
margin-bottom: 0;
color:#5c5146;
line-height: 23px;
}
.toggle.title-red .toggle-header h5{color: #e7613c;}
.toggle-header .question{
display: inline-block;
font-size:17px;
line-height: 23px;
color:#e7613c;
}
.toggle-link{
display: block;
padding: 20px 40px 23px 30px;
}
.toggle-link i{
width: 22px;
height: 22px;
background-image: url(/images/toggle_mark.png);
background-repeat: no-repeat;
background-position: center bottom;
position: absolute;
top: 22px;
right: 25px;
left: auto;
margin: 0;
}
.toggle-link.collapsed i{background-position: center top;}
.toggle-body .inner{padding: 0 31px 9px;}
/*-----------------------------------*/
/* Pull Quotes */
/*-----------------------------------*/
.typography p{margin-bottom:30px;}
.typography .inner{padding:39px 39px 35px;}
.block_quotes .inner{padding:39px 39px 30px;}
.block_quotes h2{font-size: 27px; margin-bottom: 24px;}
.block_quotes p{margin-bottom: 22px;}
.quote_right, .quote_left {
font-size: 19px;
line-height: 23px;
font-style: italic;
color:#e86741;
width: 190px;
margin-top: 8px;
margin-bottom:15px;
}
.quote_left{float: left; margin-right:36px;}
.quote_right{float: right; margin-left:36px;}
/*-----------------------------------*/
/* Info Boxes */
/*-----------------------------------*/
.info-boxes{margin-bottom: 40px;}
.alert{
position: relative;
margin-bottom: 25px;
padding: 0;
border: 0 none;
background: #f2fafe;
}
.alert.alert-warning{background: #fffcf3;}
.alert.alert-error{background: #fef4f1;}
.alert.alert-success{background: #f1fff8;}
.alert-body{padding: 23px 26px 24px 66px;}
.alert .close {
position: absolute;
top: 0;
left: 0;
right:0;
bottom:0;
float: none;
opacity: 1;
filter: alpha(opacity=100);
background-color: rgba(0,0,0,0);
overflow: hidden;
text-indent: 1200px;
}
.alert span, .alert p{
display: inline-block;
margin: 0;
font-size: 17px;
line-height: 23px;
}
.alert .alert-body{color: #11a2c5;}
.alert.alert-warning .alert-body{color: #c58811;}
.alert.alert-error .alert-body{color: #e7522e;}
.alert.alert-success .alert-body{color: #86ad25;}
.alert .alert-body span{padding-right: 3px; font-weight: 600;}
.alert .alert-label{
position: absolute;
top:7px;
left:-3px;
z-index: 2;
width: 54px;
height: 56px;
background-image: url(/images/icons/infobox_label.png);
background-repeat: no-repeat;
background-position: center 0;
margin: 0;
}
.alert.alert-warning .alert-label{background-position:center -58px;}
.alert.alert-error .alert-label{background-position:center -116px;}
.alert.alert-success .alert-label{background-position:center -174px;}
/*-----------------------------------*/
/* Filters */
/*-----------------------------------*/
/*-----------------------------------*/
/* Checkbox Filter, Radiobox Filter */
/*-----------------------------------*/
.widget_checkbox_filter .inner{padding:33px 31px 25px 33px;}
.widget_radio_filter .inner{padding: 32px 33px 25px;}
.widget_checkbox_filter label,
.widget_adv_filter label {
font-size: 15px;
}
.widget_checkbox_filter label:hover,
.widget_adv_filter label:hover{color: #e55f3b;}
.widget_checkbox_filter .counter{
display: block;
float: right;
}
.widget_checkbox_filter .rowSubmit,
.widget_radio_filter .rowSubmit,
.widget_adv_filter .rowSubmit{
text-align: center;
}
.widget_checkbox_filter .divider{margin: 11px 0 20px;}
.widget_radio_filter .divider{margin: 13px 0 20px;}
/*-----------------------------------*/
/* Filter Results */
/*-----------------------------------*/
.widget_adv_filter .inner{padding: 35px 33px 25px;}
.widget_adv_filter .divider{margin: 24px 0 23px 0;}
.widget_adv_filter .input_date{
position: relative;
margin-right: 0;
margin-bottom: 16px;
float: none;
width: auto;
}
.widget_adv_filter .input_date input{
font-size: 15px;
font-style: italic;
color: #8e8071;
}
.widget_adv_filter .input_date .input_icon{
background:url(/images/icons/calendar.png) no-repeat;
width: 20px;
height: 20px;
top: 10px;
right: 8px;
}
.widget_adv_filter h6{
text-transform: uppercase;
margin: 0 0 22px;
color: #5c5146;
font-weight: 700;
}
/*-----------------------------------*/
/* Sliders */
/*-----------------------------------*/
/*-----------------------------------*/
/* Grid Gallery */
/*-----------------------------------*/
.grid-gallery{padding: 81px 0;}
.grid-gallery .grid-box {
float: left;
margin: 0 3px 7px 4px;
position:relative;
}
.grid-gallery .grid-box a {
display: block;
font-size:20px;
text-transform: uppercase;
color:#fff;
}
.grid-gallery .grid-box span {
display: block;
position:absolute;
top:0;
left:0;
width:202px;
height:192px;
line-height:192px;
text-align:center;
background: #4daf7b;
cursor:pointer;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transition:opacity 0.2s ease-in-out;
-webkit-transition:opacity 0.2s ease-in-out;
-moz-transition:opacity 0.2s ease-in-out;
-o-transition:opacity 0.2s ease-in-out;
}
.grid-gallery .grid-box.grid-box-large span {
width:306px;
height:391px;
line-height:391px;
}
.grid-gallery .grid-box span:hover {
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.grid-gallery .grid-box img {
display: block;
box-shadow: 0 0 12px rgba(171, 139, 110, .38);
-webkit-box-shadow: 0 0 12px rgba(171, 139, 110, .38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
width:202px;
height:192px;
}
.grid-gallery .grid-box.grid-box-large img{
width:306px;
height:391px;
}
/* Responsive Feature */
@media (min-width: 768px) and (max-width: 991px) {
.grid-gallery .grid-box span, .grid-gallery .grid-box img {width:152px; height:144px; line-height:144px;}
.grid-gallery .grid-box.grid-box-large span, .grid-gallery .grid-box.grid-box-large img {width:234px; height:295px; line-height:295px;}
}
@media (min-width: 480px) and (max-width: 767px) {
.grid-gallery {width: 450px; margin: 0 auto;}
.grid-gallery .grid-box span, .grid-gallery .grid-box img {width:100px; height:95px; line-height:95px;}
.grid-gallery .grid-box.grid-box-large span, .grid-gallery .grid-box.grid-box-large img {width:229px; height:299px; line-height:299px;}
}
@media (max-width: 479px) {
.grid-gallery {width: 290px; margin: 0 auto; padding: 40px 0;}
.grid-gallery .grid-box span, .grid-gallery .grid-box img {width:138px; height:132px; line-height:132px;}
.grid-gallery .grid-box.grid-box-large span, .grid-gallery .grid-box.grid-box-large img {width:283px; height:362px; line-height:362px;}
}
/*-----------------------------------*/
/* Main Slider */
/*-----------------------------------*/
.main-slider-wrap{
margin-bottom: 70px;
background: rgb(111,180,191);
background: url();
background: -moz-linear-gradient(left, rgb(111,180,191) 0%, rgb(115,163,183) 9%, rgb(118,122,169) 35%, rgb(117,92,147) 80%, rgb(127,105,154) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(111,180,191)), color-stop(9%,rgb(115,163,183)), color-stop(35%,rgb(118,122,169)), color-stop(80%,rgb(117,92,147)), color-stop(100%,rgb(127,105,154)));
background: -webkit-linear-gradient(left, rgb(111,180,191) 0%,rgb(115,163,183) 9%,rgb(118,122,169) 35%,rgb(117,92,147) 80%,rgb(127,105,154) 100%);
background: -o-linear-gradient(left, rgb(111,180,191) 0%,rgb(115,163,183) 9%,rgb(118,122,169) 35%,rgb(117,92,147) 80%,rgb(127,105,154) 100%);
background: -ms-linear-gradient(left, rgb(111,180,191) 0%,rgb(115,163,183) 9%,rgb(118,122,169) 35%,rgb(117,92,147) 80%,rgb(127,105,154) 100%);
background: linear-gradient(to right, rgb(111,180,191) 0%,rgb(115,163,183) 9%,rgb(118,122,169) 35%,rgb(117,92,147) 80%,rgb(127,105,154) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb4bf', endColorstr='#7f699a',GradientType=1 );
}
.main-slider .carousel-inner{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: auto;
}
.main-slider .carousel-inner > .item {
height: auto;
padding-top: 185px;
}
.main-slider .carousel-caption {
background-color: transparent;
padding: 0;
top:10%;
left: 9%;
right: 9%;
bottom: auto;
}
.main-slider .slider_title{margin-bottom: 20px;}
.main-slider .slider_title a {
font-size:37px;
color:#fff;
text-shadow:0 1px 3px rgba(0,0,0,.3);
display:block;
font-style:italic;
line-height: 1.3em;
letter-spacing: -1px;
}
.main-slider .carousel-control.left,
.main-slider .carousel-control.right {
background: url(/images/slider-arrow.png) left top no-repeat;
width: 13px;
height: 17px;
top:51%;
left: -12px;
}
.main-slider .carousel-control.right{background-position:right top; left:auto; right: -12px;}
.main-slider .carousel-inner > .item > img,
.main-slider .carousel-inner > .item > a > img {
display: block;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
line-height: 1;
margin: 0 !important;
}
.main-slider .btn span, .main-slider .btn input {
-webkit-box-shadow: inset 0 1px 1px rgba(200, 200, 200, 0.5), 1px 2px 5px rgba(36,36,36,0.36);
-moz-box-shadow: inset 0 1px 1px rgba(200, 200, 200, 0.5), 1px 2px 5px rgba(36,36,36,0.36);
box-shadow: inset 0 1px 1px rgba(200, 200, 200, 0.5), 1px 2px 5px rgba(36,36,36,0.36);
}
/* Responsive Feature */
@media (min-width: 768px) and (max-width: 991px) {
.main-slider .carousel-inner > .item {padding-top: 145px;}
.main-slider .slider_title a {font-size:27px;}
}
@media (min-width: 480px) and (max-width: 767px) {
.main-slider .carousel-caption {top:5%;}
.main-slider .slider_title{margin-bottom: 10px;}
.main-slider .carousel-inner > .item {padding-top: 145px;}
.main-slider .slider_title a {font-size:21px;}
}
@media (max-width: 479px) {
.main-slider .carousel-caption {top:5%;}
.main-slider .slider_title{margin-bottom: 10px;}
.main-slider .carousel-inner > .item {padding-top: 125px;}
.main-slider .slider_title a {font-size:18px;}
.main-slider .btn span{height:28px; line-height:26px; padding:0 10px; font-size:12px;}
}
/*-----------------------------------*/
/* Footers */
/*-----------------------------------*/
/* Footer Style 1 */
.footer{
padding: 51px 0 25px;
background: #5c5146;
margin-bottom: 70px;
}
.footer .widget-container .widget-title{
font-size:21px;
font-weight: 400;
color:#fff;
text-transform: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
padding: 0;
margin-bottom:24px;
}
.footer .widget-container{margin-bottom:30px;}
.footer .widget-container li{line-height: 16px; margin-bottom: 11px;}
.footer .widget-container a{color:#a5a09c;}
.footer .widget-container a:hover{color:#cecac8;}
/* Footer Style 2 */
.footer.style2{
padding: 0 0 56px;
text-align: center;
background: url();
background: -moz-linear-gradient(left, rgba(228,212,167,0) 1%, rgba(228,212,167,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(228,212,167,0)), color-stop(100%,rgba(228,212,167,1)));
background: -webkit-linear-gradient(left, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%);
background: -o-linear-gradient(left, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%);
background: -ms-linear-gradient(left, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%);
background: linear-gradient(to right, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e4d4a7', endColorstr='#e4d4a7',GradientType=1 );
}
.footer.style2 .footer-topline{
height: 5px;
margin-bottom: 56px;
background: rgb(163,136,113);
background: url();
background: -moz-linear-gradient(left, rgba(163,136,113,1) 0%, rgba(240,226,172,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(163,136,113,1)), color-stop(100%,rgba(240,226,172,1)));
background: -webkit-linear-gradient(left, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%);
background: -o-linear-gradient(left, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%);
background: -ms-linear-gradient(left, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%);
background: linear-gradient(to right, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a38871', endColorstr='#f0e2ac',GradientType=1 );
}
.footer-social {margin-bottom: 21px;}
.footer-social li{
display: inline-block;
vertical-align:middle;
margin:0 3px;
}
.footer-social li span{
display: block;
text-indent: -400px;
}
.footer-social a {
display: block;
width: 39px;
height: 38px;
overflow: hidden;
background: url(/images/icons/social-icons.png) 0 0 no-repeat;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 16px rgba(155, 124, 96, 0.4);
-moz-box-shadow: 0 0 16px rgba(155, 124, 96, 0.4);
box-shadow: 0 0 16px rgba(155, 124, 96, 0.4);
}
.footer-social a:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.footer-social .social-pinterest {background-position: 0 -40px;}
.footer-social .social-twitter {background-position: 0 -80px;}
.copyright {
font-size: 14px;
font-style: italic;
color: #FFF;
}
.copyright a {color: #fff;}
.copyright a:hover {color: #e8890f;}
/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/
/*===================================================*/
/* 3. INDEX PAGE */
/*===================================================*/
@media (min-width: 1200px) {
.container.container-wide {
max-width: 1070px;
}
}
/*-----------------------------------*/
/* Header (Kit Name) */
/*-----------------------------------*/
.pixelkit-header{padding: 50px 0 5px;}
.pixelkit-header h1, .pixelkit-header h2{
text-align: center;
font-size: 42px;
margin-bottom: 2px;
position: relative;
text-transform: uppercase;
font-weight: 600;
color:#fff;
text-shadow: 1px 1px 0 rgba(124,83,72,0.5);
}
.pixelkit-header h2{font-size: 20px;}
/*-----------------------------------*/
/* Main Menu */
/*-----------------------------------*/
/* Level 0 */
.icon-menu{
width: 30px;
height: 30px;
vertical-align: middle;
background: url(/images/icons/menu-icons.png) 0 0 no-repeat;
margin-right: 10px;
}
.icon-menu.icon-menu2 {background-position: 0 -30px;}
.icon-menu.icon-menu3 {background-position: 0 -60px;}
.icon-menu.icon-menu4 {background-position: 0 -90px;}
.icon-menu.icon-menu5 {background-position: 0 -120px;}
.icon-menu.icon-menu6 {background-position: 0 -150px;}
.dropdown{
padding: 0 5px;
z-index: auto;
}
.dropdown > li {
float:left;
position: relative;
border-left: 1px solid #F8F3F0;
}
.dropdown > li.first{border-left: 0 none;}
@media (max-width: 1199px) {
.dropdown > li {border-left: 0 none;}
}
.dropdown a {
display: block;
font-size: 17px;
line-height: 30px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -1px;
color: #8e8071;
padding: 18px 23px 12px 16px;
border-bottom: 3px solid transparent;
}
@media (max-width:479px){
.dropdown a {padding: 18px 16px 12px 8px;}
.dropdown .note{display:none;}
}
.dropdown > li:hover > a,
.dropdown > li.hover > a{
background: #f8f3f0;
border-bottom: 3px solid #4daf7b;
}
/* Level 1+ */
.dropdown ul{
position: absolute;
top:-9999px;
z-index: 9999;
width:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
-moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
}
.ie8 .dropdown ul{padding-top: 0;}
.dropdown > li:hover > ul,
.dropdown > li.hover > ul{
top:65px;
left:0;
}
.dropdown ul li{position: relative;}
.dropdown > li > ul > li.first,
.dropdown > li > ul > li.first > a{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.dropdown ul > li.last,
.dropdown ul > li.last > a{
border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
}
.dropdown ul a{
font-size: 13px;
line-height: 17px;
padding: 10px 16px !important;
background: #fff;
border-left: 3px solid transparent;
border-bottom: 0 none;
}
.dropdown ul a:hover{
background: #f8f3f0;
border-left: 3px solid #4daf7b;
}
.dropdown ul li.parent > a:before{
content: '';
display: block;
width: 5px;
height: 6px;
position: absolute;
top:15px;
right:8px;
background: url(/images/menu-arrow.png) no-repeat;
}
/* Level 2+ */
.dropdown ul > li.first,
.dropdown ul > li.first > a{
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.dropdown ul li:hover > ul{
position: absolute;
top:0;
left:100%;
width:100%;
background-color: rgba(255,255,255,0);
}
/*-----------------------------------*/
/* User Menu */
/*-----------------------------------*/
.user-menu .dropdown a {font-size: 15px; padding: 18px 20px 12px 15px;}
.user-menu .dropdown ul a {font-size: 13px;}
@media (max-width: 1199px){
.user-menu .dropdown a {padding: 18px 10px 12px 8px;}
}
/*-----------------------------------*/
/* Contact Form styled */
/*-----------------------------------*/
.add-comment.styled input[type="text"],
.add-comment.styled input[type="password"] {
height: 48px;
padding-left: 10px;
}
.ie8 .add-comment.styled input[type="text"],
.ie8 .add-comment.styled input[type="password"] {
line-height: 46px;
}
.add-comment.styled .form-inner{padding: 27px 26px 21px;}
.add-comment.styled textarea {height:108px; padding: 10px;}
.add-comment.styled .field_text,
.add-comment.styled .field_select{
float: none;
margin-right: 0;
margin-bottom: 14px;
width: 100%;
position: relative;
}
.add-comment.styled .field_text.field_textarea{margin-bottom: 0;}
.add-comment.styled label{font-size: 16px;}
.add-comment.styled .rowSubmit {padding: 21px 26px;}
.add-comment.styled .rowSubmit .btn{float: right;}
.add-comment.styled .rowSubmit .checklist{margin-top: 11px; float: left;}
.add-comment.styled .rowSubmit label{padding-left: 30px; letter-spacing: -1px;}
/*-----------------------------------*/
/* Login Form styled */
/*-----------------------------------*/
.widget_login.styled .inner{padding: 40px 28px 8px;}
.widget_login.styled h6 {
font-weight: 700;
color: #8E8071;
text-transform: uppercase;
text-align: center;
letter-spacing: 0;
margin-bottom: 24px;
}
.widget_login.styled .field_text {
position: relative;
margin: 0 0 14px;
}
.widget_login.styled input[type="text"],
.widget_login.styled input[type="password"]{
padding-left: 64px;
height: 48px;
}
.ie8 .widget_login.styled input[type="text"],
.ie8 .widget_login.styled input[type="password"]{
line-height: 46px;
}
.widget_login.styled .label_title{height:23px; line-height:23px;}
.widget_login.styled .input_icon {
top: 32px;
bottom: 1px;
left: 1px;
z-index: 2;
width: 47px;
border-right: 1px solid #E5D4C2;
background-image: url(/images/icons/input-icons.png);
background-color: #f8ece4;
background-repeat: no-repeat;
background-position: 0 0;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.widget_login.styled .input_icon.input_email {background-position: 0 0;}
.widget_login.styled .input_icon.input_pass {background-position: 0 -46px;}
/* Error styles */
.widget_login .field_text.error input{border: 1px solid #e86741;}
.widget_login.styled .field_text.error .input_icon{border-right: 1px solid #e86741;}
.widget_login.styled .field_text.error .input_icon.input_email {background-position: 0 -92px;}
.widget_login.styled .field_text.error .input_icon.input_pass {background-position: 0 -138px;}
/* ------------ */
.widget_login.styled .rowSubmit{padding: 20px 28px 17px; background: #f8f3f0; text-align: center;}
.widget_login.styled .rowSubmit .btn{display: block;}
.widget_login.styled .rowSubmit .btn span{width: 100%;}
.widget_login.styled .rowRemember{margin: 16px 0 0;}
.widget_login.styled .forgetmenot{display: none;}
.widget_login.styled .forget_password {float: none;}
.widget_login.styled .forget_password a{font-size: 11px; font-weight: 600; color: #8e8071;}
.widget_login.styled .rowSocial{
padding: 12px;
background: #5e90af;
text-align: center;
border-radius: 0 0 4px 4px;
}
.widget_login.styled .rowSocial i{
width: 15px;
height: 15px;
background: url(/images/icons/facebook.png) 0 0 no-repeat;
margin-right: 5px;
vertical-align: top;
}
.widget_login.styled .rowSocial a{
font-size: 11px;
font-weight: 600;
color: #fff;
line-height: 15px;
}
/*-----------------------------------*/
/* Search Form styled */
/*-----------------------------------*/
.widget_search.styled.boxed{
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.widget_search.styled .inner{padding: 26px 21px;}
.widget_search.styled .btn {margin-top: 0;}
.widget_search.styled .field_text {margin: 0 112px 0 0;}
/*-----------------------------------*/
/* Progress Bars */
/*-----------------------------------*/
.progressBars .widget-title,
.scrollBars .widget-title{
background: #B1A599;
box-shadow: inset 0 -2px 2px rgba(73, 73, 73, 0.16);
padding: 24px 10px;
font-size: 15px;
font-weight: 700;
text-align: center;
letter-spacing: 0;
}
.progressBars .inner{padding: 25px 36px 16px;}
@media (min-width: 768px) and (max-width: 991px) {
.progressBars .inner{padding: 15px 20px 5px;}
}
.progressbar{
margin: 30px 0;
position: relative;
}
.progressbar .pbar::selection{background: transparent;}
.progressbar .pbar{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.progressbar span,
.progressbar .elapsed,
.progressbar .remained{
position: absolute;
top:-16px;
font-size: 12px;
color: #C9C3BD;
}
.progressbar span.mark-left, .progressbar .remained{left:0;}
.progressbar span.mark-right, .progressbar .elapsed{right: 0;}
.progressbar .percent,
.progressbar .elapsed,
.progressbar .remained{
display: none;
}
.progressbar.style2 .percent,
.progressbar.style2 .mark-left,
.progressbar.style2 .mark-right{
display: none;
}
.progressbar.style2 .elapsed,
.progressbar.style2 .remained{
display: block;
}
.progressbar .ui-progressbar-value {
display: block !important;
}
.progressbar .ui-progressbar {
height: 10px;
overflow: visible !important;
position: relative;
z-index: 0;
}
.progressbar .ui-widget-content {
height: 30px;
border: 1px solid #E5D4C2;
border-left: 0 none;
background: #F8F3F0;
position: relative;
}
.progressbar .ui-progressbar .ui-progressbar-value {
margin: 0;
height: 30px;
position: relative;
background: #54bc75;
border: 1px solid #3d9e68;
top: -1px;
z-index: 2;
}
.progressbar .ui-progressbar .ui-progressbar-value:after{
content: '';
display: block;
position: absolute;
top:-1px;
right:-2px;
z-index: 1;
width: 2px;
height: 30px;
background: #3d9e68;
}
/* Progress Bars style 2 */
.progressbar.style2{z-index: 2;}
.progressbar.style2 .ui-progressbar .ui-progressbar-value {background: #e86741; border: 1px solid #de4b2b;}
.progressbar.style2 .ui-progressbar .ui-progressbar-value:after{background: #de4b2b;}
.progressbar.style2 .downloadbar{
position: absolute;
width: 100%;
height: 30px;
top:0;
left:0;
z-index: 1;
}
.progressbar.style2 .downloadbar .ui-widget-content {
border: 0 none;
background: none;
}
.progressbar.style2 .downloadbar .ui-progressbar .ui-progressbar-value {
position: relative;
background: #f1c7ba;
border: 1px solid #dfae96;
border-right: 0 none;
}
.progressbar.style2 .downloadbar .ui-progressbar .ui-progressbar-value:after{background: none; width: 0;}
/*-----------------------------------*/
/* Scroll Bars */
/*-----------------------------------*/
.scrollBars .inner{padding: 25px 36px 26px; color: #fff !important;}
@media (min-width: 768px) and (max-width: 991px) {
.scrollBars .inner{padding: 25px 0 26px;}
}
.scrollBars .scrollbar {
width: 50px;
height: 205px;
overflow: auto;
float: left;
}
.scrollbar .scrollbar-inner {padding-right: 30px;}
.jspContainer{
overflow: hidden;
position: relative;
}
.jspPane{
position: absolute;
}
.jspVerticalBar{
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 100%;
}
.jspHorizontalBar{display: none;}
.jspCap{height:12px;}
.jspTrack{
background: #eee8e1;
border: 1px solid #eee8e1;
border-left: 1px solid #e9e0d8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
width:9px;
}
.jspTrack:after{
content: '';
display: block;
position: absolute;
top: -11px;
bottom: -11px;
left: -10px;
border: 1px solid #f5f1ed;
width: 27px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
.jspDrag{
background: #fff;
width: 9px;
position: relative;
top: 0;
left: -1px;
z-index: 2;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.jspDrag:after{
content: '';
display: block;
position: absolute;
top: -6px;
left: -6px;
border:6px solid #63c383;
width: 21px;
height: 21px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* Yellow Scroll Bar */
.scrollbar-yellow .jspTrack{background: #edcc68;}
.scrollbar-yellow .jspProgress,
.scrollbar-red .jspProgress{
background: #eee8e1;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 7px;
height: 5px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.scrollbar-yellow .jspDrag{
background: #edcc68;
width: 7px;
left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.scrollbar-yellow .jspDrag:after,
.scrollbar-blue .jspDrag:after{
display: none;
}
/* Red Scroll Bar */
.scrollbar-red .jspTrack{background: #ecc1b1;}
.scrollbar-red .jspDrag{width: 5px; left: 1px;}
.scrollbar-red .jspDrag:after{border:6px solid #e86943; width: 17px; height: 17px;}
/* Blue Scroll Bar */
.scrollbar-blue .jspDrag{
background: #5e90af;
width: 7px;
left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*-----------------------------------*/
/* Simple Message Field */
/*-----------------------------------*/
.comment-list.styled{margin-bottom: 30px;}
.comment-list.styled .comment-body {
border-left: 0 none;
padding: 0;
min-height: 123px;
margin-bottom: 0;
}
.comment-list.styled .comment-text{
padding: 25px 27px 26px 165px;
}
.comment-list.styled .comment-arrow {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 132px;
background: #f8f3f0;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
.comment-list.styled .comment-arrow:after {
content: '';
display: block;
position: absolute;
top: 32px;
right: -8px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 8px solid #F8F3F0;
border-bottom: 6px solid transparent;
}
.comment-list.styled .comment-avatar {
top: 16px;
left: 21px;
}
.comment-list.styled .comment-author {
text-align: left;
margin-bottom: 8px;
}
.comment-list.styled .link-author {
font-size: 26px;
font-weight: 600;
float: none;
color: #5c5146;
}
.comment-list.styled .link-author:hover {color: #8D8569;}
/* Responsive */
@media (max-width:479px){
.comment-list.styled .comment-arrow {width: 115px;}
.comment-list.styled .comment-avatar {left: 13px;}
.comment-list.styled .comment-text {padding: 25px 16px 26px 134px;}
}
/*-----------------------------------*/
/* Avatar Placeholder */
/*-----------------------------------*/
.widget_avatar {
margin-bottom: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.widget_avatar .inner{
position:relative;
padding: 15px 10px 21px 111px;
min-height: 116px;
}
.widget_avatar .avatar-image img{
display: block;
width: 100%;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.widget_avatar .avatar,
.widget_avatar .avatar img,
.widget_profile .avatar,
.widget_profile .avatar img{
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
width: 73px;
height: 73px;
}
.widget_avatar .avatar,
.widget_profile .avatar{
position: absolute;
top:13px;
left: 10px;
width: 89px;
height: 89px;
overflow: hidden;
border: 1px solid #BAB8B3;
padding: 7px;
}
.widget_avatar h5{
font-size: 26px;
font-weight: 600;
color: #5c5146;
margin-bottom: 10px;
}
.widget_avatar .subtitle{
display: block;
color: #8e8071;
}
.widget_avatar .post-meta-links li{
width: 33.33333333333333%;
}
.widget_avatar .post-meta-links li a {padding: 10px 5px;}
.widget_avatar .icon-post {margin-right: 5px;}
@media (min-width: 768px) and (max-width: 991px){
.widget_avatar .inner {padding: 15px 10px 21px 100px;}
.widget_avatar .avatar {left: 5px;}
}
/*-----------------------------------*/
/* Widget Profile */
/*-----------------------------------*/
.widget_profile .widget-title {
background: #b1a599;
box-shadow: inset 0 -2px 2px rgba(73, 73, 73, 0.16);
padding: 33px 20px 37px 122px;
}
.widget_profile .avatar {
top: 17px;
left: 18px;
border: 1px solid #8b7f73;
}
.widget_profile .widget-title h5 {
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: 16px;
letter-spacing: 1px;
margin-bottom: 4px;
}
.widget_profile .widget-title .subtitle{
font-size: 12px;
color: #857a70;
text-transform: none;
}
@media (min-width: 768px) and (max-width: 991px){
.widget_profile .widget-title {padding: 33px 20px 37px 106px;}
.widget_profile .avatar {left: 8px;}
}
.widget_profile .inner {padding: 12px 0;}
/*-----------------------------------*/
/* Widget Trade */
/*-----------------------------------*/
.widget-trade .widget-title{
-webkit-box-shadow: none;
-mox-box-shadow: none;
box-shadow: none;
background: url(/images/trade-header.png);
background-size: 100% 100%;
height:160px;
padding: 18px;
}
.widget-trade .trade-rate,
.widget-trade .trade-rate-change{
display: block;
font-size: 14px;
font-weight: 400;
color: #b7dfc2;
padding-left: 12px;
}
.widget-trade .trade-rate{
font-size: 24px;
color: #fff;
background: url(/images/trade-dir.png) 0 15px no-repeat;
}
.widget-trade .trade-rate-down{background-position: 0 -87px;}
.widget-trade .inner{padding: 33px 20px 38px;}
.widget-trade .trade-time{
font-size: 12px;
color: #bfb8b1;
}
.widget-trade .trade-location{margin-bottom: 20px;}
.widget-trade .trade-location a {font-size: 21px; color: #8e8071;}
.widget-trade .trade-location a:hover {font-size: 21px; color: #bfb8b1;}
.widget-trade .trade-shares{margin-bottom: 24px;}
.widget-trade .trade-shares li{
float: left;
width: 50%;
background: #f6f0ec;
border-left: 1px solid #fff;
}
.widget-trade .trade-shares li a{padding: 20px 0;}
.widget-trade .trade-shares li a,
.widget-trade .trade-shares li a strong,
.widget-trade .trade-shares li a span{
display: block;
font-size: 18px;
font-weight: 600;
color: #8e8071;
text-align: center;
}
.widget-trade .trade-shares li a span{
font-size: 12px;
color: #ad9e8e;
}
.widget-trade .trade-shares li a:hover strong,
.widget-trade .trade-shares li a:hover span{
color: #e05033;
}
.widget-trade .trade-bottom{float: left;}
.widget-trade .trade-bottom.trade-graph{width: 53%; padding-right: 10px;}
.widget-trade .trade-bottom.trade-yearly-change{width: 47%;}
.widget-trade .trade-bottom-title{
font-size: 14px;
color: #b4b0aa;
margin-bottom: 8px;
}
.widget-trade .trade-bottom img{
display: block;
max-width: 100%;
height: 40px;
}
.widget-trade .trade-yearly-change .trade-bottom-content{
background: #4daf7b;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #fff;
text-align: center;
}
/*-----------------------------------*/
/* Widget Social Buttons */
/*-----------------------------------*/
.widget-social li{border-top: 1px solid #f6f0ec;}
.widget-social li:first-child{border-top: 0 none;}
.widget-social li span{display: block; text-indent: -400px;}
.widget-social a {
display: block;
height: 66px;
overflow: hidden;
background: url(/images/icons/social-icons2.png) center 0 no-repeat;
}
.widget-social .social-pinterest {background-position: center -66px;}
.widget-social .social-twitter {background-position: center -132px;}
.widget-social a:active {opacity: .8;}
/*-----------------------------------*/
/* Widget Weather */
/*-----------------------------------*/
.widget-weather{text-align: center;}
.widget-weather strong{display:inline-block; font-weight: 700;}
.widget-weather .air-temp{
background: #54bc75;
padding: 37px 10px;
margin-bottom: 1px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.widget-weather .water-temp,
.widget-weather .wind-speed{
background: #f6f0ec;
float: left;
width: 50%;
padding: 15px 10px;
}
.widget-weather .water-temp{
border-right: 1px solid #fff;
-webkit-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
.widget-weather .wind-speed{
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
.widget-weather .air-temp strong{
font-size: 52px;
color: #fff;
padding-right: 63px;
height: 45px;
line-height: 45px;
background: url(/images/icons/weather-air.png) right 0 no-repeat;
}
@media (min-width: 768px) and (max-width: 991px){
.widget-weather .air-temp strong{font-size: 36px;}
}
.widget-weather .water-temp strong,
.widget-weather .wind-speed strong{
width: 42px;
font-size: 28px;
color: #64584c;
padding-bottom: 22px;
background: url(/images/icons/weather-icons.png) left bottom no-repeat;;
}
.widget-weather .wind-speed strong{background-position: right bottom;}
/*-----------------------------------*/
/* Widget Stats */
/*-----------------------------------*/
.tabs_framed.styled.widget-stats .tab-content {
padding: 0;
padding-top: 50px;
}
.widget-stats.tabs_framed.styled .tabs li a{
font-weight: 600;
padding: 0 16px;
}
@media (max-width: 991px){
.widget-stats.tabs_framed.styled .tabs li a{
font-size: 13px;
padding: 0 8px;
}
}
.widget-stats h6{
font-weight: 700;
color: #8e8071;
text-transform: uppercase;
text-align: center;
letter-spacing: 0;
margin-bottom: 30px;
}
.widget-stats .donutchart,
.widget-stats .columnchart{
width:220px;
margin: 0 auto 40px;
}
.stats-data li,
.stats-links li{
float: left;
width: 33.33333333333333%;
}
.stats-data li a,
.stats-links li a{
display: block;
border-top: 4px solid #4daf7b;
margin-left: 1px;
text-align: center;
padding: 16px 5px 19px;
background: #f6f0ec;
}
.stats-data li.first a{margin-left: 0;}
.stats-data li.red a{border-top: 4px solid #e55e3a;}
.stats-data li.yellow a{border-top: 4px solid #ebc85e;}
.stats-data li a span,
.stats-data li a strong{
display: block;
font-size: 15px;
font-weight: 700;
color: #a09b96;
margin-bottom: 2px;
}
.stats-data li a strong{
font-size: 29px;
color: #8e8071;
}
.stats-links{
background: #776b5e;
-webkit-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
-moz-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
overflow: hidden;
padding-bottom: 16px;
}
.stats-links li a{
border-top: 0 none;
margin-left: 0;
padding: 18px 5px 0;
background: none;
padding-bottom: 200px;
margin-bottom: -200px;
}
.stats-links li.first a{
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
}
.stats-links li.last a{
-webkit-border-radius: 0 0 4px 0;
-moz-border-radius: 0 0 4px 0;
border-radius: 0 0 4px 0;
}
.stats-links li a:hover{
background: #64584c;
-webkit-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
-moz-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
}
.stats-links li a span{
font-size: 11px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.stats-icon{
margin: 0;
margin-bottom: 5px;
width: 31px;
height: 25px;
background: url(/images/icons/stats-icons.png) 0 0 no-repeat;
}
.stats-icon.stats-icon2{background-position: 0 -25px;}
.stats-icon.stats-icon3{background-position: 0 -50px;}
/*-----------------------------------*/
/* Image Slider */
/*-----------------------------------*/
.widget_gallery .carousel-inner {
height: 220px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.widget_gallery .carousel-inner > .item{height: 200px;}
.widget_gallery .carousel-control {top: 210px;}
.widget_gallery .carousel-indicators {top: -12px;}
/*-------------------------------------------*/
/* Notifications */
/*-------------------------------------------*/
.note {
display: block;
width: 13px;
height: 13px;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
right: 12px;
z-index: 9999;
text-align: center;
font-size: 9px;
font-weight: 700;
line-height: 13px;
color: #fff;
background: #e55e3a;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/*-------------------------------------------*/
/* Layout on Index Page */
/*-------------------------------------------*/
/* Controls */
.controls{
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.controls .inner{padding: 26px 30px 14px;}
@media (min-width: 768px) and (max-width: 991px){
.controls .inner{padding: 26px 20px 14px;}
}
.controls .checkbox-large.checkbox-noText .custom-checkbox label{
font-size: 11px;
font-weight: 700;
color: #867f79;
text-transform: uppercase;
padding-left: 0;
padding-right: 65px;
background-position: right 0;
width: 86px;
margin-left: 25px;
}
.controls .checkbox-large.checkbox-noText .custom-checkbox label.checked {background-position: right -100px;}